'npm 错误！缺少脚本：ngcc' NPM 错误答案

【问题标题】：'npm ERR! missing script: ngcc' error with NPM'npm 错误！缺少脚本：ngcc' NPM 错误
【发布时间】：2021-03-28 16:43:09
【问题描述】：

从一天到另一天，我在 Visual Studio Code 中的项目开始显示这两个错误： enter image description here

事实上，几乎所有来自 angular material 的标签都被标记为错误，无法识别为标签。

我尝试使用 npm run ngcc 但出现了这个错误：

npm ERR! missing script: ngcc

另外，我尝试重新安装 npm 但还是一样。

【问题讨论】：

标签： angular npm

【解决方案1】：

尝试添加：

  "angularCompilerOptions": {
    "enableIvy": false
  }

到您的 tsconfig.json 文件，然后关闭再打开 VSCode。

【讨论】：

【解决方案2】：

我认为您不应该将 ivy 编译器设置为 false，因为这是最新 Angular 版本中标准的新编译器，所以我认为这应该是如果你不能让它工作，最后一个选择。

Ivy 是 Angular 下一代编译器的代号，渲染管道。随着 Angular 9 的发布，新的默认情况下使用编译器和运行时指令，而不是较旧的编译器和运行时，称为 View Engine。

使用 Ivy 的 AOT 编译速度更快，应该默认使用。在 angular.json

尝试删除node_modules 并从package.json 安装依赖项有望解决问题。

rm -rf node_modules/
npm install

此命令将删除 node_modules，然后从您的 package.json 文件中安装依赖项。

或：

它还可以用于更新 angular cli、material（如果您使用它）和 core，以及您项目所需的其他模块，然后更新了 npm 和 typescript 包，这也可以解决问题。

ng update @angular/cli @angular/core
npm update @angular/material @angular/cdk
npm install -g typescript@latest

然后检查您的 build-angular 是否设置为您用于 Angular 的相同版本：

@angular-devkit/build-angular": "Your current version of angular"

【讨论】：