platform-b​​rowser-dynamic.umd.js - 在更新Angular2教程中的包之后的404

Question

我刚开始关注Angular2教程.现在我回到它并进入路由章节,似乎教程已经稍微更新,我不得不返回并更新package.json到当前版本或app.routes.ts文件无法编译.现在它编译得很好但是当我运行应用程序时,脚本在运行时崩溃,显然在Zone.js包内:

我已经检查过,platform-browser-dynamic.umd.js文件确实不存在于磁盘上.

这是新package.json文件:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "license": "ISC",
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.1",
    "@angular/router-deprecated": "2.0.0-rc.2",
    "@angular/upgrade": "2.0.0-rc.4",
    "systemjs": "0.19.27",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12",
    "angular2-in-memory-web-api": "0.0.14",
    "bootstrap": "^3.3.6"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",
    "typescript": "^1.8.10",
    "typings":"^1.0.4"
  }
}

我已经尝试使用教程的GitHub存储库中的较长版本,但错误是一样的.虽然香草GitHub项目建立并运行良好.

我确保我的<script>标签index.html与GitHub上的标签匹配:

<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>

<script src="systemjs.config.js"></script>

我的typings.json档案:

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160317120654",
    "jasmine": "registry:dt/jasmine#2.2.0+20160505161446",
    "node": "registry:dt/node#4.0.0+20160509154515"
  }
}

我怎样才能摆脱这个错误？到目前为止,我的Angular2体验包括像猴子一样从教程中复制代码,我真的不明白这个错误与...有什么关系...

Answer 1

你的Angular2应用程序无法platform-browser-dynamic.umd.js像其他umd软件包那样加载,因为它们被移动到了bundles/子目录中2.0.0-rc.2.

正如您已经注意到您的错误在您的内部,system.config.js因为它试图使用错误的路径加载umd包(请参阅此处).

复制新的配置文件应该添加了'/bundles/' +解决问题的部分.