angular - 意外 '/' 。使用\转义特殊字符可能会有所帮助 - Angular 12 build/deploy

Question

我最近将我的代码库从 Angular 11 更新到 12，在那之后，我无法部署我的代码。我可以跑 ng build和 ng serve但是，当我运行 ng build --prod 时，它可以完美运行我不断收到以下错误，可能是因为对 prod 版本进行了优化(缩小):

文件 D:\Code\Airbox\frontend\styles.670357240e7c04682d1d.css:9031:1不存在，它显然是由部署脚本创建的，但我无法看到或访问它。我试图从我的全局 css 文件中删除注释和导入，但问题一直在发生。
我在互联网上找不到任何解决方案，我不知道发生了什么或如何找到解决方法。

Answer 1

找到了一个围绕阅读的工作 Angular workspace documentaion .基本上，在设置 --prod 时，默认情况下，angular.json 说优化所有文件。而不是设置 "optimization": false ，为了不失去所有优化优势，我只将我的样式优化设置为 false，因此它不会尝试缩小我的 CSS 文件(导致错误)以及 "inlineCritical": false也很重要，因为如果为“true”，它会检查 CSS 文件中的每个错误，并告诉我我的代码中某处缺少括号 }(这是巨大的，我很难知道它在哪里，但调试困难)。
PS:显然这个 inlineCritical 特性在 Angular 12 上更准确，因为直到 Angular 11 才发生在我身上，而且我还发现许多其他人与这个人有同样的问题(inlineCritical)。所以这里是我在 angular.json 中的新优化配置 -> 配置 -> 生产 -> 优化:

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

我希望它可以帮助某人。如果有人找到 why回答这个问题，请告诉我们，我真的很好奇这里发生了什么。