我正在使用 Angular 19，并且在执行ng serve时我的所有样式都按预期工作，但是当我构建项目时，它会创建一个 css 包并将其仅注入以用于“打印”。
我的 angular.json 文件中有这个，并且它再次完美地创建了包：
"styles": [
"node_modules/font-awesome/css/font-awesome.css",
"src/custom-theme.scss",
"src/styles.css"
]
我构建的 index.html 文件在处理样式的 head 标签中如下所示：
<style>...all component styling...</style>
<link rel="stylesheet" href="styles-QO6MI7ZW.css" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="styles-QO6MI7ZW.css">
</noscript>
如果我用 Chrome 检查 HTML，并从样式表链接中删除media="print"，所有 CSS 都能正确加载，一切正常。否则，我的全局样式就会被破坏。任何帮助我让这个样式在所有媒体上都能正常工作的帮助都将不胜感激，因为我不确定它为什么会这样。