Angular CLI 版本与 Angular 版本不兼容答案

【问题标题】：Angular CLI version is not compatible with Angular versionAngular CLI 版本与 Angular 版本不兼容
【发布时间】：2021-11-24 02:17:00
【问题描述】：

我的 Angular 项目运行良好，但是当我将 Angular 更新到版本 9 时，它开始给我这个错误：

This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0,
but Angular version 9.1.1 was found instead.

我更新了 CLI，但它仍然给我同样的错误。

我的 CLI 版本是：

Angular CLI: 10.0.0-next.0
Node: 12.13.0
OS: win32 x64

Angular: 9.1.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

【问题讨论】：

尝试安装 nvm github.com/nvm-sh/nvm。它有助于管理多个 npm 版本

标签： angular npm angular-cli

【解决方案1】：

问题

您安装的 CLI 版本不符合 Angular 版本的要求，如错误所示：

This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0

修复

卸载@angular/cli 并确保安装@angular/cli，它在9.1.x 版本范围内，以使其符合Angular 9.1 版本的要求。

Angular: 9.1.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

更新 Angular 项目

要在您的应用程序中卸载并重新安装 @angular/cli 包，请导航到项目的根文件夹并运行以下命令：

# uninstall previous version
npm uninstall @angular/cli --save-dev

# install 9.1.x specific version
npm install @angular/cli@~9.1.0 --save-dev

?--save-dev 参数将更新您的package.json devDependencies

更新全局依赖

如果已全局安装angular/cli，则需要在命令末尾添加-g，并省略--save-dev参数：

# uninstall previous globally installed version
npm uninstall @angular/cli -g

# install 9.1.x specific version globally
npm install @angular/cli@~9.1.0 -g

?如果您不确定安装了哪个全局版本（或者如果您已全局安装@angular/cli），您可以运行以下命令列出您全局安装的 NPM 包：
npm ls -g --depth=0

【讨论】：

全局卸载和安装特定版本（在我的情况下为 11.2.18）有效！

【解决方案2】：

您可以根据需要更新项目。

在根项目文件夹中写入：

ng update @angular/core @angular/cli

这将使用安装在“node_modules”文件夹中的模块版本升级 package.json 文件。

有具体的更新说明，具体取决于您要更新的版本。为此请访问Angular update guide。

【讨论】：

【解决方案3】：

访问https://update.angular.io/ 将您的角度版本的详细信息输入到您的目标角度版本，这将更新 cli 以及项目文件。只需将 cmd 复制粘贴到终端中即可。

不过，如果您看到一些奇怪的错误，请检查 node_modules 文件夹是否存在，如果存在则将其删除并运行 - npm install 这可能仅在您拥有 package.json 文件时才有效。如果您仍然收到一些错误，请查看错误内容，从 package.json 中删除错误行，如果有效，请尝试一次。

【讨论】：