Angular 12 更新问题：来自 PostCSS 插件的未知错误答案

【问题标题】：Angular 12 update issue: Unknown error from PostCSS pluginAngular 12 更新问题：来自 PostCSS 插件的未知错误
【发布时间】：2021-08-10 02:48:19
【问题描述】：

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

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

【问题讨论】：

您是否尝试清理您的 node_modules 文件夹并重新安装依赖项？
我遇到了同样的错误。我已经尝试了几次新的纱线安装，但没有成功。第三方软件包是否存在兼容性问题？我不确定如何找到导致问题的包。
我为此github.com/angular/angular/issues/42234提交了一个github问题

标签： angular angular11 angular12

【解决方案1】：

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

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

请注意，在我这样做之后，我还必须重新生成我的 yarn.lock 文件。

【讨论】：

【解决方案2】：

尝试删除node_modules文件夹和package-lock.json文件，然后运行以下命令

yarn install

或

尝试运行以下命令

yarn remove bootstrap
yarn add bootstrap

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

将.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.

【讨论】：