Angular 2到4迁移的package.json变化

Question

目前，该应用程序在Angular 2.0.0上。为了与Angular 4兼容，需要更改哪些包或依赖项？到目前为止，我已经更改了以下内容：

"dependencies": {
"@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",
"@angular/router-deprecated": "2.0.0-rc.2",
"@angular/upgrade": "4.0.0",
"angular2-toaster": "2.0.0",
"rxjs": "^5.0.1",
"typescript": "^2.1.5",
"zone.js": "^0.8.4"
}

是否还有其他需要更改的包/依赖项？

我应该对tsconfig.json进行更改吗？

{


 "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "lib": [
      "es5",
      "es2015",
      "es2017",
      "dom",
      "scripthost"
    ],
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "noEmitHelpers": true,
    "allowNonTsExtensions" : true
  },
  "exclude": [
    "node_modules",
    "typings/main.d.ts",
    "typings/main"
  ],
  "filesGlob": [
    "./src/**/*.ts",
    "./test/**/*.ts",
    "!./node_modules/**/*.ts",
    "src/custom_typings.d.ts",
    "typings/browser.d.ts"
  ],
  "awesomeTypescriptLoaderOptions": {
    "resolveGlobs": true,
    "forkChecker": true
  },
  "compileOnSave": false,
  "buildOnSave": false,
  "atom": { "rewriteTsconfig": false }
}

Answer 1

我通常使用这里的文件作为指导：https://github.com/angular/quickstart

它提供了应用程序所需的一组基本种子文件，并且通常与Angular一起保持最新，因为它是angular.io上的Angular文档的一部分。

Answer 2

有一个在线应用程序可以引导您完成将2升级到4的(简单)过程：https://angular-update-guide.firebaseapp.com/

Answer 3

这是一个很好的youtube视频，它解释了如何Migrate Angular 2 to Angular 4

让我总结一下视频中所说的内容。从角度2迁移到角度4是一个三步过程。

1. 删除旧的"node_modules“文件夹，因为它引用了Angular 2.X。
2. 将所有@Angular版本从2.X更改为4.X，然后执行"npm安装”。
3. 您可能会遇到同级问题，说明此版本与该版本不兼容。纠正它错误提示你。观看如何纠正同级问题的视频。
4. 运行项目并进行彻底测试。

​

​