Angular 12 索引 html 生成失败错误答案

【问题标题】：Angular 12 Index html generation failed errorAngular 12 索引 html 生成失败错误
【发布时间】：2021-08-16 22:34:50
【问题描述】：

在使用--configuration production 模式编译时，使用以下命令ng update @angular/core@12 @angular/cli@12 升级到angular 12 会导致出现以下错误。

✖ Index html generation failed.
undefined:15:4027680: missing '}'

这是this question 的副本，但想发布一个正确的问题/答案，因为它肯定会帮助其他人，我不知道我们什么时候才能在线程上再次发布，因为它已经关闭了一些几天前

【问题讨论】：

在 angular.json 中将 "optimization": true 替换为 "optimization": { "scripts": true, "styles": { "minify": true, "inlineCritical": false }

【解决方案1】：

在 angular.json 中替换：

"optimization": true

到：

"optimization": { 
 "scripts": true, 
 "styles": { 
  "minify": true, 
  "inlineCritical": false 
 }
}

【讨论】：

【解决方案2】：

这是最新版本 angular 中包含的 following topic 中的 cssnano 库 here the bug report 报告者的错误。

基本上

提供以下输入：
@media all { p{ display: none; } }
生成以下输出
@media{p{display: none;}}

但是@media单独不存在，导致编译出错。

在您在控制台中看到的消息中，undefined:15 15 是您的 style.scss 中导致错误发生的行。

对我来说，我必须注释代码。

【讨论】：