是否可以在浏览器中动态加载e6模块

Question

我正在尝试创建一种插件架构，可以按需动态下载插件。

给出一个简单的ES6模块：

class Hello { 
  constructor() {
  }

  hello() {
    console.log('Hello World');
  }
}

export default Hello;

存储在文件hello.js中

浏览器端，我正在使用SystemJS尝试在运行时动态加载该模块：

System.import("http://localhost/modules/hello.js").then(module => {
  module.hello();
}).catch(err => {
  console.log('err', err);
});

但是，当我这样做时，我得到以下信息：

  

“尝试加载模块时遇到错误错误：找不到模块'http://localhost/modules/hello.js'       在插件上的惰性名称空间对象：5“

但是，如果我在运行服务器的情况下在浏览器中访问该URL，则hello.js确实存在于该位置。

我想用SystemJS做些什么吗？