意外的“/”。使用 \ 转义特殊字符可能会有所帮助 - 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 工作区文档的方法。基本上，在设置 时--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这个问题的答案，请告诉我们，我真的很好奇这里发生了什么。

Answer 2

React/CSS 问题：来自 Css Minimizer 插件的 static/css/main.css 错误：意外的“/”。使用 \ 转义特殊字符可能会有所帮助。

如何修复它？1.) 只需转到您的所有 css 文件 2.) 下一个 / 或 * 在您的 css 文件中找到它 3.) 删除 / * 已经在 css 文件中得到推荐，只需删除该行整个 css 文件即可。

示例：“/ vijayeswaran /”（删除此类型的cmd）

接下来你检查一切都很好