如何将Angular项目从5升级到7

Question

我正在尝试将我的项目从angular 5更新到angular 7。 首先是全局和本地更新@angular/cli， 然后我在本地安装了@angular/cli，然后更新了ng模块和其他相关命令。

现在，我检查了ng --version，它显示我使用的是angular 7，但我的项目无法运行，总是会报以下错误:

Below is my script in package.json file:

"scripts": {
"start": "cross-env NODE_ENV=development webpack-dev-server --port=9000 -- 
   content-base wwwroot/",
   "build": "cross-env NODE_ENV=development webpack --progress",
   "prod": "cross-env NODE_ENV=production webpack  --progress"
 }

- rohit13807

---

你是否按照这个指南中给出的步骤进行操作？ - ConnorsFan

@ConnorsFan，我关注Angular官方链接：https://update.angular.io - rohit13807

你的编译器版本似乎过旧，请尝试手动更新 package.json 中的 Angular 依赖项。 - Ashwani Kumar

ng update --all？ - Roberto Manfreda

@RobertoManfreda，感谢您的关注，但我仍然遇到相同的错误，我正在使用带有asp.net core的后端。 - rohit13807

尝试按顺序执行以下命令： npm update --dev; npm install --save; npm outdated;(如果 npm outdated 返回一些提示，请尝试执行推荐的命令)。 ng update --all; - Roberto Manfreda

Answer 1

更新 Angular 到最新版本 7 的步骤：

1）您需要更新您的 Angular CLI。

npm uninstall -g angular-cli
npm cache clean or npm cache verify 
npm install -g @angular/cli@latest

(请参考 https://cli.angular.io/)

2) 按照 Angular 更新指南的建议升级项目版本。Angular 更新指南网站链接Angular 版本升级指南网站链接（点击这里）

3) 在该网站上选择您的旧版和期望的最新版，然后单击“显示我如何更新”

4) 点击此按钮后，网站会提供一些步骤。您需要按照这些步骤来升级您的 Angular 版本

- Suhag Lapani88

Answer 2

如果您在2020年进行此操作，请按照以下步骤进行：

npm uninstall -g angular-cli

npm cache clean 

npm cache verify 

npm install -g @angular/cli@7.3.6(or the specific version of Angular 7)

请检查您的 package-lock.json 文件。它应该可以正常工作。如果仍然无法正常工作，请使用以下命令：

ng update @angular/cli

ng update @angular/core

npm audit fix

npm start

还要检查https://update.angular.io/。

- Johnny155