Angular 角度RC2无法加载router.umd和core.umd

从Angular2 RC1移动到RC2时，我遇到了一些问题。一个是因为他们改变了打字结构，在这篇文章中提到了这个问题。解决了这个问题后，我看到了很多与核心和路由器模块相关的404错误

注:

---

由于这些错误,，angular永远不会启动，我只能使用默认的基于HTML的加载信息，而不是我的应用程序。

解决方案隐藏在中的选项卡式systemjs.config.js文件中的一个小更改中-对于只想从RC1升级到RC2而不阅读“快速启动”页面上的每个单词的人来说，这很容易被忽略

请注意，RC1的system.config.js文件中建议的“end”（定义npPackageNames数组后的所有内容）如下所示：

// Add package entries for angular packages
  ngPackageNames.forEach(function(pkgName) {
    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
  });
  var config = {
    map: map,
    packages: packages
  }
  System.config(config);
})(this);

  // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }
  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }
  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
  // Add package entries for angular packages
  ngPackageNames.forEach(setPackageConfig);
  var config = {
    map: map,
    packages: packages
  };
  System.config(config);
})(this);

然而，新建议的RC的system.config.js文件的“end”如下所示：

// Add package entries for angular packages
  ngPackageNames.forEach(function(pkgName) {
    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
  });
  var config = {
    map: map,
    packages: packages
  }
  System.config(config);
})(this);

  // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }
  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }
  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
  // Add package entries for angular packages
  ngPackageNames.forEach(setPackageConfig);
  var config = {
    map: map,
    packages: packages
  };
  System.config(config);
})(this);

---

进行此更改让每个人都知道在哪里可以找到router.umd.js、platform browser dynamic、http.umd.js和core.umd.js文件。。。这使得应用程序可以启动。

解决方案隐藏在中的选项卡式systemjs.config.js文件中的一个小更改中-对于只想从RC1升级到RC2而不阅读“快速入门”页面上的每个单词的人来说，这很容易被忽略

请注意，RC1的system.config.js文件中建议的“end”（定义npPackageNames数组后的所有内容）如下所示：

// Add package entries for angular packages
  ngPackageNames.forEach(function(pkgName) {
    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
  });
  var config = {
    map: map,
    packages: packages
  }
  System.config(config);
})(this);

  // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }
  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }
  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
  // Add package entries for angular packages
  ngPackageNames.forEach(setPackageConfig);
  var config = {
    map: map,
    packages: packages
  };
  System.config(config);
})(this);

然而，新建议的RC的system.config.js文件的“end”如下所示：

// Add package entries for angular packages
  ngPackageNames.forEach(function(pkgName) {
    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
  });
  var config = {
    map: map,
    packages: packages
  }
  System.config(config);
})(this);

  // Individual files (~300 requests):
  function packIndex(pkgName) {
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
  }
  // Bundled (~40 requests):
  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }
  // Most environments should use UMD; some (Karma) need the individual index files
  var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
  // Add package entries for angular packages
  ngPackageNames.forEach(setPackageConfig);
  var config = {
    map: map,
    packages: packages
  };
  System.config(config);
})(this);

---

进行此更改让每个人都知道在哪里可以找到router.umd.js、platform browser dynamic、http.umd.js和core.umd.js文件。。。这允许应用程序启动。

如Angular2 RC2快速入门文章中所述，请通过在终端/控制台窗口中运行node-v和npm-v，验证您至少正在运行node v5.x.x和npm 3.x.x。旧版本会产生错误

我能够在我的机器上运行Angular2 RC快速启动应用程序

我的环境是-Windows7 64位操作系统、VScode 1.2.1、node v4.4.3、npm v3.9.6和chrome浏览器

6月21日更新：

确保您有最新的systemjs.config.js文件。下面的块是在RC2发布几天后添加的-

  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }

---

正如Angular2 RC2快速入门文章中提到的，请通过在终端/控制台窗口中运行node-v和npm-v来验证您至少运行了node v5.x.x和npm 3.x.x。旧版本会产生错误

我能够在我的机器上运行Angular2 RC快速启动应用程序

我的环境是-Windows7 64位操作系统、VScode 1.2.1、node v4.4.3、npm v3.9.6和chrome浏览器

6月21日更新：

确保您有最新的systemjs.config.js文件。下面的块是在RC2发布几天后添加的-

  function packUmd(pkgName) {
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
  }

---

此外，v3.alpha还没有

router.umd.js

文件，如果您想使用该文件，您需要配置systemjs以处理单个索引文件。此外，v3.alpha还没有

router.umd.js

文件，如果您想使用该文件，您需要配置systemjs以处理单个索引文件。