загрузить socket.io с помощью Angular 2 AOT

Я создал проект в angular2 с socket.io для передачи/прослушивания связи через сокет. Все отлично работает в JIT (или npm start), но когда я пытаюсь скомпилировать код с помощью свертки, чтобы пообедать его как AOT для производственного использования, это не работает.

Версия узла: 6.9.4 Версия npm: 3.10.6

типизация.json

    {
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160725163759",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#7.0.0+20170110233017",
    "socket.io-client": "registry:dt/socket.io-client#1.4.4+20161116080703"
  },
  "ambientDependencies": {
    "node": "github:DefinitelyTyped/DefinitelyTyped/node/node.d.ts#138ad74b9e8e6c08af7633964962835add4c91e2",
    "socket-io-client": "github:DefinitelyTyped/DefinitelyTyped/socket.io-client/socket.io-client.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd",
    "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654"
  }
}

systemjs.config.js

map : {"socket.io-client": 'npm:socket.io-client'}
packages : { "socket.io-client": {
            main: './socket.io.js',
            "defaultExtension": "js"
        } }

package.json : "socket.io-client": "^ 1.7.2"

mycomponent.ts

import * as io from 'socket.io-client';
var url = 'http://localhost:4500';
export var socket = io(url);

"node_modules/.bin/ngc" -p tsconfig-aot.json выполняется успешно, но "node_modules/.bin/rollup" -c rollup-config.js выдает ошибку: cannot call a namespace ('io')

Если я изменю строку импорта компонента и установлю import io from socket.io-client, то получу ошибку module 'socket.io-client' has no default export

Я был бы признателен, если бы кто-нибудь помог мне, так как это мой второй день устранения неполадок и попыток, как на других форумах.

Заранее спасибо, Капил


sockets angularjs rollupjs angular2-aot
person Kapil    schedule 23.01.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Сохранить импорт:

import * as io from 'socket.io-client';

И добавьте плагин в rollup.js:

{
    name: 'replace io imports',
    transform: code => ({
        code: code.replace(/import\s*\*\s*as\s*io/g, 'import io'),
        map: { mappings: '' }
    })
},
person Egor Burykin    schedule 02.03.2017