将 Angular 版本从 10 更新到 12 显示：发生未处理的异常：必须使用 import 来加载 ES 模块

Question

在将角度从 10 更新到 12 时，我遵循了此处已写的所有步骤

https://update.angular.io/?l=3&v=10.0-12.0

但是，正确执行所有这些步骤后，以下是我收到的错误：

An unhandled exception occurred: Must use import to load ES Module: 

/home/../angular/node_modules/@angular/compiler-cli/bundles/index.js
require() of ES modules is not supported.
require() of /home/../angular/node_modules/@angular/compiler-cli/bundles/index.js from /home/../angular/node_modules/@angular-devkit/build-angular/src/webpack/configs/common.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from /home/../angular/node_modules/@angular/compiler-cli/package.json.

我不明白如何解决它。我尝试删除"type": "module"但/home/../angular/node_modules/@angular/compiler-cli/package.json它没有解决我的问题。

如果有人帮助我解决这个问题，我会很高兴

Answer 1

确保您的工作空间整洁并尝试以下命令。这可以解决您的问题。

# Step 1: Update your cli
npm i -g @angular/cli

# Step 2: Migrate your workspace cli
ng update @angular/cli --migrate-only --from 10 --to 12

# Step 3: Migrate Angular Core
ng update @angular/core --migrate-only --from 10 --to 12