Question

您好我已经创建了使用角度2组件的MVC应用程序。我有包含组件，模块和main.ts的app文件夹。我添加了package.json，tsconfig和systemjs.config.js。

如果我在一个html页面中运行该应用程序它正在工作但是当我在布局页面中包含角度组件时它给了我

错误：未捕获的ReferenceError：未定义系统。

我在systemjs.config.js

中加入了以下几行

<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>   
<script src="node_modules/typescript/lib/typescript.js"></script>

<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="systemjs.config.js"></script>
<script>
    System.import('app').catch(function (err) { console.error(err); });
</script>

<my-app>Loading...</my-app>

Systemjs.config.js包含以下代码

System.config({

transpiler: 'typescript', 
paths: {
      'npm:': '../node_modules/'
},
    map: {

  app: 'app',


  '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
  '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
  '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
  '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
  '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
  '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
  '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
  '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',


  'rxjs':                      'npm:rxjs',
  'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
},

packages: {
  app: {
    main: './main.ts',
    defaultExtension: 'ts'
  },
  rxjs: {
    defaultExtension: 'js'
  }
}

systemjs.config.js中的系统未定义错误

0 个答案: