如何将Angular CLI升级到最新版本-Java 学习之路

102

使用 ng --version 我得到了：

@ angular / cli：1.0.0

这不是最新版本 .

由于我在我的系统上全局安装了Angular CLI，为了升级它，我尝试了：

npm update angular-cli -g

但它不起作用，因为它保持1.0.0版本 .

10 回答

8
在阅读了GitHub存储库中报告的一些问题后，我找到了解决方案 .

要更新系统中全局安装的angular-cli软件包，您需要运行：
```
npm uninstall -g angular-cli
npm cache clean or npm cache verify (if npm > 5)
npm install -g @angular/cli@latest
```
根据您的系统，您可能需要在上面的命令前加上 sudo .

此外，您很可能还想更新本地项目版本，因为在项目目录中，它的选择优先级高于全局项目：
```
rm -rf node_modules
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install
```
感谢grizzm0指出GitHub .

更新CLI后，您可能也希望update your Angular version .

Note ：如果要从旧版本更新到Angular CLI 6，则可能需要阅读this .

Edit ：此外，如果您仍然使用1.x版本的cli，则需要将 angular-cli.json 转换为 angular.json ，您可以使用以下命令执行此操作：
```
ng update @angular/cli --from=1.7.4 --migrate-only
```
（有关详细信息，请查看this） .
回复于 2024-04-30T09:24:29+08:00
18
ng6+ -> 7.0

更新RxJS（取决于RxJS 6.3）
```
npm install -g rxjs-tslint
rxjs-5-to-6-migrate -p src/tsconfig.app.json
```
删除 rxjs-compat

然后更新核心包和Cli：
```
ng update @angular/cli @angular/core
```
（可选：将Node.js更新为NG7支持的版本10）

ng6+ (Cli 6.0+) ：具有简化命令

首先，更新你的Cli
```
npm install -g @angular/cli
npm install @angular/cli
ng update @angular/cli
```
然后，更新您的核心软件包
```
ng update @angular/core
```
如果您使用RxJS，请运行
```
ng update rxjs
```
它会将RxJS更新为版本6并在引擎盖下安装 rxjs-compat 软件包 .

如果遇到构建错误，请尝试手动安装：
```
npm i rxjs-compat
npm i @angular-devkit/build-angular
```
最后，检查您的版本
```
ng v
```
生产环境构建说明：

ng6在 polyfills.ts 中不再使用 intl
```
//remove them to avoid errors
import 'intl';
import 'intl/locale-data/jsonp/en';
```
ng5+ (Cli 1.5+)
```
npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@next typescript@2.4.2 rxjs@'^5.5.2'
npm install typescript@2.4.2 --save-exact
```
注意：
- 截至编写时，Cli 1.6支持的Typescript版本高达2.5.3 .
- 使用@next将软件包更新为测试版（如果有） . 使用@latest获取最新的非beta版本 .
更新全局和本地程序包后，清除缓存以避免错误：
```
npm cache verify (recommended)
npm cache clean (for older npm versions)
```
以下是官方参考：
- 正在更新Cli
- 更新核心包core package .
回复于 2024-04-30T09:24:29+08:00
14

你可以简单地使用

npm install -g angular-cli - 如果是你的第一次

npm install -g @angular/cli@latest - 如果您已安装，则更新

回复于 2024-04-30T09:24:29+08:00
447
强大的命令安装并替换最后一个包 .

我有类似的问题 . 我修好了它 .
```
npm install -g @angular/cli@latest
```
和
```
npm install --save-dev @angular/cli@latest
```
回复于 2024-04-30T09:24:29+08:00
6
这个命令工作正常：
```
npm upgrade -g @angular/cli
```
回复于 2024-04-30T09:24:29+08:00
47
除了@ShinDarth answer .

我做了他说的但我的包没有更新角度版本，我知道这篇文章是关于 angular-cli ，但我认为这也有帮助 .
- 所以在做了上面提到的@ShinDarth之后，要修复我的角度版本，我必须用 -ng new projectname 创建一个生成包的新项目 .
- 复制新软件包，然后将新软件包粘贴到需要更新的所有项目软件包上（记住添加您拥有的依赖项并在第一行更改名称）或者您可以手动更改版本而无需复制和粘贴 .
- 然后运行 -npm install .
现在我的 ng serve 再次工作，也许有更好的方法来做所有这些，如果有人知道，请分享，因为这对所有需要更新的项目都很痛苦 .
回复于 2024-04-30T09:24:29+08:00
5
以下方法对我有用：
```
npm uninstall -g @angular/cli
```
然后
```
npm cache verify
```
然后
```
npm install -g @angular/cli@latest
```
我在Windows 10上工作，有时我不得不使用： npm cache clean --force . 您在安装过程中没有任何问题 .
回复于 2024-04-30T09:24:29+08:00

要将 Angular CLI 更新为新版本，必须同时更新全局包和项目的本地包 .

Global package:

npm uninstall -g @angular/cli
npm cache clean
# if npm version is > 5 then use `npm cache verify` to avoid errors (or to avoid using --force)
npm install -g @angular/cli@latest

Local project package:

rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
npm install --save-dev @angular/cli@latest
npm install

资料来源：Github

回复于 2024-04-30T09:24:29+08:00

129
更新：
从CLI v6开始，您可以运行ng update，以便将您的依赖项自动更新为新版本 .

有时使用ng更新您可能需要添加--force标志 . 如果这样做，请确保您当前的角度版本支持以这种方式安装的typescript版本，否则您可能需要降级打字稿版本 .

另请查看本指南Updating your Angular projects

您需要做的就是使用angular-cli-diff进行差异并在当前项目中应用更改 .

以下是步骤：
- 假设你从1.4开始 . 到1.5然后你做https://github.com/cexbrayat/angular-cli-diff/compare/1.4.0...1.5.0
- 点击 File changed 标签
- 将更改应用于当前项目 .
- npm install / yarn
- 全部测试 npm scripts （更多细节：https://stackoverflow.com/a/45431592/415078）
回复于 2024-04-30T09:24:29+08:00
3

在我的例子中，我使用npm install --save-dev angular-cli在本地安装了angular-cli . 所以，当我使用命令npm install -g @ angular / cli时，它会生成错误，说 "Your global Angular CLI version (1.7.3) is greater than your local version (1.4.9)" . 请注意，angular-cli，@ angular / cli和@ angular / cli @ latest是两个不同的cli . 解决这个问题的方法是卸载所有cli然后使用 npm install -g @angular/cli@latest 安装最新的角度cli

回复于 2024-04-30T09:24:29+08:00

如何将Angular CLI升级到最新版本

10 回答

相关问题