Angular 2 RC6错误：ReferenceError：未定义$ traceurRuntime

Question

我正在将rc5项目更新为rc6。 服务项目时，出现Error: ReferenceError: $traceurRuntime is not defined 。 我什至不知道出什么问题了。 我的system.config.js如下所示：

(function (global) {
  var map = {
    'app': 'app'
  };
  var packages = {
    'app': { main: 'main.js', defaultExtension: 'js' },
    'rxjs': { defaultExtension: 'js' },
  };
  var ngPackageNames = [
    'common',
    'compiler',
    'core',
    'forms',
    'http',
    'platform-browser',
    'platform-browser-dynamic',
    'router'
  ];
  // Add package entries for angular packages
  ngPackageNames.forEach(function packIndex(pkgName) {
    packages['@angular/' + pkgName] = { main: 'index.js', defaultExtension: 'js' };
  });

  System.config({
    defaultJSExtensions: true,
    map: map,
    packages: packages
  });
})(this);

index.html如下：

<!DOCTYPE html>
<html lang="en">

<head>
  <base href="/">
  <title>Angular2 rc6</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.min.css" />
  <!-- endbuild -->

  <!-- build:js lib/core.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/reflect-metadata/Reflect.js"></script>
  <script src="../node_modules/systemjs/dist/system.src.js"></script>
  <!-- endbuild -->
  <!-- dependencies  -->
  <script src="lib/dependencies.bundle.js"></script>

  <!-- build:js lib/dependencies.bundle.js 
  <script src="../node_modules/rxjs/bundles/Rx.js"></script>
  <script src="../node_modules/@angular/common/bundles/common.umd.js"></script>
  <script src="../node_modules/@angular/compiler/bundles/compiler.umd.js"></script>
  <script src="../node_modules/@angular/core/bundles/core.umd.js"></script>
  <script src="../node_modules/@angular/forms/bundles/forms.umd.js"></script>
  <script src="../node_modules/@angular/http/bundles/http.umd.js"></script>
  <script src="../node_modules/@angular/platform-browser/bundles/platform-browser.umd.js"></script>
  <script src="../node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js"></script>
  <script src="../node_modules/@angular/router/bundles/router.umd.js"></script>
  -->
  <!-- endbuild -->

  <!-- 2. Configure SystemJS -->
  <script src="systemjs.config.js"></script>
  <script>
    System.import('app/main').catch(function(err){ console.error(err); });
  </script>
</head>

<body>
  <app>Loading...</app>
</body>

</html>

我认为这是与systemjs相关的问题，但无法弄清楚我到底在做什么错？

编辑：我发现问题出在我为依赖项捆绑包生成的dependencies.bundle.js中。

 System.register("@angular/http/src/static_request.js", ["@angular/http/src/facade/lang.js", "@angular/http/src/body.js", "@angular/http/src/enums.js", "@angular/http/src/headers.js", "@angular/http/src/http_utils.js", "@angular/http/src/url_search_params.js"], function($__export) {
      "use strict";
...
w = (typeof window === 'undefined' ? 'undefined' : $traceurRuntime.typeof(window)) == 'object' ? window : noop;

Answer 1

从RC6开始，如果使用SystemJS加载Angular，现在看起来您必须使用UMD捆绑软件。

从变更日志

npm软件包：ESM（ES6模块）格式的代码现已发布在npm软件包的默认位置，其中package.json的主条目指向UMD软件包（主要用于节点和webpack 1用户）。

如果使用SystemJS加载Angular，则应调整SystemJS配置以指向UMD捆绑包（在npm软件包中）。

请参阅此示例SystemJS config 。

我正在使用SystemJS Builder，此更改使我遇到了一些严重的问题，需要解决。

Answer 2

SystemJs使用traucer作为默认编译器，以某种方式添加：

转译器：假

我的systemjs配置为我解决了这个问题。

参考： https : //github.com/systemjs/systemjs/blob/master/docs/config-api.md#transpiler

Angular 2 RC6错误：ReferenceError：未定义$ traceurRuntime

问题描述

2 个解决方案

解决方案1
5 2016-09-01 15:19:57

解决方案2
1 2016-09-15 21:50:00

Angular 2 RC6错误：ReferenceError：未定义$ traceurRuntime

问题描述

2 个解决方案

解决方案1 5 2016-09-01 15:19:57

解决方案2 1 2016-09-15 21:50:00

解决方案1
5 2016-09-01 15:19:57

解决方案2
1 2016-09-15 21:50:00