Angular 9 - NGCC 因未处理的异常而失败

Question

在将依赖项升级到 Angular 9(并执行必要的代码更改)后构建应用程序会引发错误:

Compiling @angular/animations : es2015 as esm2015 Compiling @angular/animations : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Error: Error on worker #5: TypeError: Cannot read property 'fileName' of null

然后继续抛出以下错误:

Compiling @angular/core : es2015 as esm2015 Compiling @angular/compiler/testing : es2015 as esm2015 Compiling @angular/core : es2015 as esm2015
Error: Tried to write node_modules/@angular/core/core.d.ts.__ivy_ngcc_bak with an ngcc back up file but it already exists so not writing, nor backing up, node_modules/@angular/core/core.d.ts.

这个错误可能是因为两个或多个入口点重叠，并且 ngcc 被要求不止一次处理一些文件。
您应该检查此包中的其他入口点并设置配置以忽略您未使用的任何入口点。

Compiling @angular/core : es2015 as esm2015 An unhandled exception occurred: NGCC failed.

Answer 1

我和我的同事开发人员在我们的 localhost 机器上遇到了这个问题(NGCC 失败)。

重要的是要注意 dev 和 prod 机器运行良好。

为了解决这个问题，我们遵循了以下步骤:

在 tsconfig.json , 在 angularCompilerOptions 已设置 (" enableIvy ": false)

将 nodeJS 更新到最新版本:(执行 node -v 返回 v14.3.0)

已删除 node_modules 文件夹:(执行 "rm .\node_modules\" [在 windows 上]，确保已成功删除)

已经安装了软件包:(执行 npm i )

在这里，项目已准备好 build 。它现在构建和运行没有错误。

我希望这对您和其他人在这种情况下有所帮助。