Angular 2 - SystemJS require未定义

时间:2016-11-14 21:36:04

标签: javascript angularjs angular systemjs angular-seed

我一直在尝试将我的角种子项目从Release Candidate更新到Release Version。更新我的依赖项并修复一些重大更改后,我在运行项目时出现此错误:

Error: (SystemJS) require is not defined
ReferenceError: require is not defined
    at eval (http://localhost:5555/node_modules/traceur/src/node/api.js:22:12)
    at eval (<anonymous>)
Evaluating http://localhost:5555/node_modules/traceur/src/node/api.js
Error loading http://localhost:5555/node_modules/traceur/src/node/api.js
Unable to load transpiler to transpile http://localhost:5555/node_modules/@angular/router/index.js
Error loading http://localhost:5555/node_modules/@angular/router/index.js as "@angular/router" from http://localhost:5555/app/app.module.js
    at eval (http://localhost:5555/node_modules/traceur/src/node/api.js:22:12)
    at eval (<anonymous>)
Evaluating http://localhost:5555/node_modules/traceur/src/node/api.js
Error loading http://localhost:5555/node_modules/traceur/src/node/api.js
Unable to load transpiler to transpile http://localhost:5555/node_modules/@angular/router/index.js
Error loading http://localhost:5555/node_modules/@angular/router/index.js as "@angular/router" from http://localhost:5555/app/app.module.js

我不明白为什么会发生这种情况,因为我还没有触及任何与SystemJS有关的事情。这是我的SystemJS代码索引:

<% if (ENV === 'dev') { %>
<script>
  System.config(<%= JSON.stringify(SYSTEM_CONFIG, null, 2)
%>)
</script>
<% } %>

这是配置对象:

protected SYSTEM_CONFIG_DEV: any = {
  defaultJSExtensions: true,
  packageConfigPaths: [
    `/node_modules/*/package.json`,
    `/node_modules/**/package.json`,
    `/node_modules/@angular/*/package.json`
  ],
  paths: {
    [this.BOOTSTRAP_MODULE]: `${this.APP_BASE}${this.BOOTSTRAP_MODULE}`,
      '@angular/common': `node_modules/@angular/common/bundles/common.umd.js`,
      '@angular/compiler': `node_modules/@angular/compiler/bundles/compiler.umd.js`,
      '@angular/core': `node_modules/@angular/core/bundles/core.umd.js`,
      '@angular/forms': `node_modules/@angular/forms/bundles/forms.umd.js`,
      '@angular/http': `node_modules/@angular/http/bundles/http.umd.js`,
      '@angular/platform-browser': `node_modules/@angular/platform-browser/bundles/platform-browser.umd.js`,
      '@angular/platform-browser-dynamic': `node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js`,
      '@angular/router': `node_modules/@angular/router/index.js`,
      'rxjs/*': `node_modules/rxjs/*`,
      'app/*': `/app/*`,
      '*': `node_modules/*`
  },
  packages: {
    rxjs: { format: 'register', defaultExtension: 'js' }
  }
};

我该如何解决这个问题?

0 个答案:

没有答案