Question

我正致力于一个有角度的项目。我使用angular2-google-map-auto-complete模块进行谷歌位置自动完成功能。为此，我在Systemjs.config.js

中包含以下行

            var map ={ 'angular2-google-map-auto-complete' : 'node_modules/angular2-google-map-auto-complete'};
            var packages = {'angular2-google-map-auto-complete' : {defaultExtension:'js'}};

但是在启动npm服务器时，我在控制台上收到以下错误。

Error: Unable to dynamically transpile ES module
   A loader plugin needs to be configured via `SystemJS.config({ transpiler: 'transpiler-module' })`.
  Instantiating http://localhost:3000/node_modules/angular2-google-map-auto-complete/directives/googleplace.directive.js
  Loading http://localhost:3000/app/app.module.js
  Loading main.js
    at transpile (instantiate.js:463)
    at instantiate.js:241
    at ZoneDelegate.invoke (zone.js:365)
    at Zone.run (zone.js:125)
    at zone.js:760
    at ZoneDelegate.invokeTask (zone.js:398)
    at Zone.runTask (zone.js:165)
    at drainMicroTaskQueue (zone.js:593)
    at <anonymous>

任何帮助将不胜感激。

Answer 1

经过研究，我找到了解决方案。我刚刚安装了babel插件。

npm i systemjs-plugin-babel

然后更新了systemjs.config.js文件。

SystemJS.config({
  map: {
    'plugin-babel': 'path/to/systemjs-plugin-babel/plugin-babel.js',
    'systemjs-babel-build': 'path/to/systemjs-plugin-babel/systemjs-babel-browser.js'
  },
  transpiler: 'plugin-babel'
});

重新启动npm及其工作。

Angular 2 - 无法动态转换ES模块，angular2-google-map-auto-complete

1 个答案: