Angular 12 更新问题：PostCSS 插件出现未知错误

Question

您好，在我运行“ng update @angular/core@12 @angular/cli@12”从 11 升级到 12，然后运行“ngserve app”后，我不断收到以下错误：“来自 PostCSS 插件的未知错误。您当前的错误PostCSS 版本是 8.2.14，但 postcss-preset-env 使用 7.0.35。也许这就是下面错误的根源。”

我的问题是什么？package.json 中没有 PostCSS。我不知道这件事。提前致谢。

Answer 1

该问题似乎与文件 .browserslistrc 有关，该文件在升级迁移期间从 browserlist 重命名。我通过创建一个新的角度应用程序解决了这个问题，但仅用于创建默认的 .browserslistrc 文件，然后将该文件复制到我升级的应用程序中。

Answer 2

更新.browserlistrc到此：

last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

Answer 3

如果您安装的 Node 版本早于 12.17（如本 github 问题中所述），则会出现此问题。https://github.com/angular/angular-cli/issues/20863

升级到 node.js 版本 12.20 或更高版本应该可以解决该问题。

请注意，完成此操作后，我还必须重新生成我的yarn.lock 文件。