以防万一，当我尝试npm升级当前的Angular 11时，我确实有类似的行为。或者基于Angular 12.x创建新的ng new abc。我只是忘了升级Angular CLI。所以这个npm install -g @angular/cli@latest解决了我在ng new abc期间的错误。

该问题与依赖冲突或破坏的依赖有关。您可以通过强制安装来接受依赖项的错误。

解决方案:使用命令——force。

你的命令应该像npm install——force @your-npm-package。

注意:如果在yarn包管理器中安装依赖项可用，则可以使用yarn安装依赖项。

最后，我找到了答案。试试这个命令-

npm install --save --legacy-peer-deps

此处描述legacy-peer-deps

在我的例子中，我从版本6升级到版本7后开始得到错误(如下所示)。

npm犯错!ERR!无法解析依赖项 树 .．. npm犯错!修复上游依赖项冲突，或使用——force或——legacy-peer-deps重试此命令，以接受错误的(可能损坏的)依赖项解决方案。

在我的例子中，使用——legacy-peer-deps或——force标志进行编译会导致一个无用的包。

所以我试着删除node_modules, package-lock。Json和bundle使用yarn install。这就产生了纱线。锁定文件和创建的包锁。Json，在后续的NPM运行中工作良好。

附注:我正在使用临时的解决方法，直到npm 7对我的项目起作用:在那之后，我将删除yarn。锁,package-lock。Json和node_modules文件夹，然后用NPM重新编译

rm -rf node_modules
rm package-lock.json
yarn install
# Generates a yarn.lock file and a new package-lock.json

# Continue with npm
npm start

只需做两个简单的步骤:

首先，在终端中执行这个命令。

npm config set legacy-peer-deps true

其次，清除缓存:

npm cache clean --force

最后，执行你的命令。这肯定有用。

Use

npm install --legacy-peer-deps

这对我很管用。