angular - "SyntaxError: Unexpected token export(…)"

Question

这让我抓狂。我正在使用 angular2-quickstart 作为入门项目。我刚刚在项目中添加了@ngrx/store、@ngrx/core 和@ngrx/effects。现在我收到标题中的错误。我不知道如何追踪错误，因为我没有收到描述性错误:

(anonymous function)    @   (index):18
ZoneDelegate.invoke @   zone.js:192
Zone.run    @   zone.js:85
(anonymous function)    @   zone.js:451
ZoneDelegate.invokeTask @   zone.js:225
Zone.runTask    @   zone.js:125
drainMicroTaskQueue @   zone.js:357
ZoneTask.invoke @   zone.js:297

关于解决 SystemJS 引发的神秘错误的任何想法或引用？

Answer 1

你可以解决它加载 UMD 模块 使用这个 systemjs 配置:

System.config({
    map: {
      ...
      '@ngrx': 'node_modules/@ngrx',
    },
    package: {
      ...
      '@ngrx/core': { main: '/bundles/core.umd.js', defaultExtension: 'js' },
      '@ngrx/store': { main: '/bundles/store.umd.js', defaultExtension: 'js' },
      '@ngrx/effects': { main: '/bundles/effects.umd.js', defaultExtension: 'js' },
      '@ngrx/store-devtools': { main: '/bundles/store-devtools.umd.js', defaultExtension: 'js' },
      '@ngrx/store-log-monitor': { main: '/bundles/store-log-monitor.umd.js', defaultExtension: 'js' },
    }
})

我正在使用这些版本:

核心 1.2.0/store 2.2.1/effects 2.0.0/store-devtools 3.1 .0/store-log-monitor 3.0.2