无法导入捆绑文件

Question

我正在我的应用程序中这样做

System.import('lib/bootstrap.js').then(m => {
   this.socket = m.io("http://localhost:3000");
})

这是bootstrap.js

import io from 'socket.io-client';
export { io };

我通过 jspm bundle lib/bootstrap.js outfile.js 创建了一个包。

当我尝试 System.import('outfile.js') 时，解析的 Promise m 只是一个空对象。我在这里做错了什么？

System.import('outfile.js').then(m => {
   this.socket = m.io("http://localhost:3000");
})

Answer 1

您不想导入捆绑文件。您需要做的是将捆绑包配置注入 config.js 文件。例如添加 jspm bundle lib/bootstrap bootstrap-bundle.js --inject 将添加

"bundles": {
    "bootstrap-bundle": [
    "socket.io-client.js",
    "lib/bootstrap.js"
  ]
}

到您的 config.js 文件。然后你只需要像往常一样导入你的文件：

System.import('lib/bootstrap.js').then(m => {
   this.socket = m.io("http://localhost:3000");
})

Can't import bundled file