我最近将我的 Angular 4 应用程序升级到 Angular 6，现在想升级到 Angular 7。根据下面的文章，运行命令以下命令应该不会花费超过 10 分钟的时间来升级。
ng 更新 @angular/cli @angular/core
运行此命令后，我在命令提示符上看不到任何事情。没有错误。有人能告诉我为什么会这样吗
问问题
13467 次
6 回答
6
我使用以下方法将 6 更新到 7：
角度依赖
npm install @angular/animations@latest @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest --save
Angular 开发依赖项
npm install @angular-devkit/build-angular@latest @angular/compiler-cli@latest @angular/cli@latest @angular/language-service@latest --save-dev
依赖项；Core-js 和 Zone.js
npm install core-js@latest zone.js@latest --save
开发依赖；类型、codelyzer、因果报应工具、jasmine、量角器和 tslint
npm install @types/jasmine@latest @types/node@latest codelyzer@latest karma@latest karma-chrome-launcher@latest karma-cli@latest karma-jasmine@latest karma-jasmine-html-reporter@latest jasmine-core@latest jasmine-spec-reporter@latest protractor@latest tslint@latest --save-dev
TypeScript 新版本 3+
npm install typescript@latest --save-dev
RxJS 最新版本 6+
npm install rxjs@latest rxjs-compat@latest --save
和：
npm install rxjs-tslint@latest --save-dev
最新版本 4+ 的 Webpack
npm install webpack@latest --save-dev
于 2018-10-24T08:45:52.293 回答
2
于 2018-11-06T07:21:49.873 回答
2
角度 6.1 到 7 迁移过程
为了从 Angular 6.1 正确升级到 Angular 7，您必须执行以下步骤：
警告：请检查您所有导入的模块是否与 Angular 7 兼容，如有必要，请升级它们。
在升级到 Angular 7 之前：
将 HttpModule 导入更改为 HttpClientModule (import {HttpClientModule} from '@angular/common/http';)
将 Http 导入（如果有的话）更改为从 '@angular/common/http' 导入 {HttpClient}；
不要忘记删除所有 JSON.parse(response)，因为您不再需要使用 HttpClient 执行此操作
如果您使用的是 RXjs，则必须删除 RXjs 6 旧的依赖项。不用担心，您可以运行以下脚本：
npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json
您可能必须更新 typescript 才能成功迁移 rxjs：npm i -g typescript
- 卸载 rxjs-compat 模块（npm uninstall rxjs-compat）
如果您使用 Angular Service Worker，请将任何 versionedFiles 迁移到 files 数组。
将角度 cli 更新到 v7：
ng更新@angular/cli
将角度核心更新到 v7：
ng更新@angular/core
最后，您必须升级 Angular 材料：
ng更新@角/材料
于 2018-11-13T15:32:25.633 回答
1
于 2019-03-04T13:29:24.230 回答
0
如果您像我一样只是将您的项目更新到最新版本，那么这些就是自 Angular 6 以来对我有用的东西：
打开项目文件夹上的控制台：
If you type: ng update然后您将收到以下消息：
We analyzed your package.json, there are some packages to update:
Name Version Command to update
--------------------------------------------------------------------------------
@angular/cli 7.0.7 -> 7.2.2 ng update @angular/cli
@angular/core 7.0.4 -> 7.2.1 ng update @angular/core
There might be additional packages that are outdated.
Run "ng update --all" to try to update all at the same time.
所以我通常直接做：
ng update --all最后你可以检查你的新版本：
ng version
Angular CLI: 7.2.2
Node: 8.12.0
OS: win32 x64
Angular: 7.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.12.2
@angular-devkit/build-angular 0.12.2
@angular-devkit/build-optimizer 0.12.2
@angular-devkit/build-webpack 0.12.2
@angular-devkit/core 7.2.2
@angular-devkit/schematics 7.2.2
@angular/cli 7.2.2
@ngtools/webpack 7.2.2
@schematics/angular 7.2.2
@schematics/update 0.12.2
rxjs 6.3.3
typescript 3.2.4
webpack 4.28.4
于 2019-01-21T14:42:53.577 回答
0
ng-update 对我也不起作用——我通过使用npm-check更新所有包来解决它，并手动整理出我遇到的一些错误。
于 2018-10-23T10:59:47.907 回答