从Angular 2迁移到4.0.0的错误

Question

（已编辑的问题）升级软件包和依赖项之后，

"typescript": "2.1.1"
"typings": "^0.8.1"
"zone.js": "^0.8.4"
"rxjs": "5.0.1"

使用upgrade命令将角度软件包升级到4.0.0并没有帮助。 我正在按常规顺序npm run build npm run clean ， npm install和npm run build 。 我应该更改打字的版本吗？

ERROR in [default] node_modules/@angular/core/src/change_detection/differs/iterable_differs.d.ts:15:47
Cannot find name 'Iterable'.


ERROR in [default] /typings/browser/ambient/node/index.d.ts:426:10
Interface 'NodeBuffer' incorrectly extends interface 'Uint8Array'.
  Types of property 'fill' are incompatible.
    Type '(value: any, offset?: number, end?: number) => Buffer' is not assignable to type '(value: number, start?: number, end?: number) => this'.
      Type 'Buffer' is not assignable to type 'this'.

Answer 1

如下更新软件包：

"dependencies": {
    "@angular/animations": "^4.0.0",
    "@angular/common": "^4.0.0",
    "@angular/compiler": "^4.0.0",
    "@angular/core": "^4.0.0",
    "@angular/forms": "^4.0.0",
    "@angular/http": "^4.0.0",
    "@angular/platform-browser": "^4.0.0",
    "@angular/platform-browser-dynamic": "^4.0.0",
    "@angular/router": "^4.0.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.1.0",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@types/node": "~6.0.60",
    "ts-node": "~2.0.0",
    "typescript": "~2.2.0"
  }

Answer 2

将以下内容添加到tsconfig.json中的compipleroptions中

"compilerOptions": {
   "skipLibCheck": true
}

Answer 3

我尝试了其他用户的许多建议。 这是我最终解决/消除错误的方法：

1. 从2.0.0一直升级到2.4.10开始，仅更改了angular的版本
2. 接下来是从2.4.0升级到4.0.0-beta.6，在此我遇到了第一个错误： ERROR in [default] node_modules/@angular/core/src/change_detection/differs/iterable_differs.d.ts:15:47 Cannot find name 'Iterable'.错误ERROR in [default] node_modules/@angular/core/src/change_detection/differs/iterable_differs.d.ts:15:47 Cannot find name 'Iterable'.

为了解决这个问题，我通过键入typings install dt~core-js --global --save来安装types.core-js，然后继续添加/// <reference path="../typings/index.d.ts" />在main.ts的顶部。 这消除了Iterable的问题

3. 升级到4.0.0结束时，我尝试将Typescript升级到^2.1.5 ，但是它给出了很多错误，因此我降级到2.0.3 （阅读了一些角度问题），这有助于我运行npm install并npm run build成功。

4. 因为我还是用typings/ambient ，我碰上了这条有关升级到1.x的分型 我用正确的版本重新安装了类型，终于能够成功构建

5. 但是我在控制台中看到routes错误，因为我之前没有在我的路由中提到过pathMatch: 'full' 。 一旦包含pathMatch字段，我就使应用程序能够正常运行。