Angular项目中与scs和css混合和样式化预处理器选项有关的错误

Question

在链接到here的项目中，我正在创建一个网站，该网站将显示一些我根据合同拥有的财产清单。我在使用scss和css文件之间有些混淆。我看过的教程中，该人使用了scss文件。与朋友讨论后，我决定改用CSS。现在，在尝试使用样式预处理器选项而不用css编写代码方面遇到了麻烦。由于我使用的是可视代码，因此通常使用“问题”选项卡来帮助调试。但是错误仅在终端中。

Error messages

还使用最新版本的angular 6，有人知道如何实现样式预处理器选项吗？

---

完成建议后：

我更改了stylesURL，并想用ng serve -o

进行测试

Shown here

然后我使用了命令ng config defaults.styleExt=css： Shown Here

Answer 1

在您的header.component.ts文件中，将此styleUrls: ["./header.component.scss"]更改为此styleUrls: ["./header.component.css"]

并尝试运行此命令ng config defaults.styleExt=css，然后尝试遵循this答案

那应该可以解决您的错误。