要解决这个问题,您可以按照以下步骤进行操作:
在Angular项目的根目录中,找到angular.json
文件。
打开angular.json
文件,并找到architect -> build -> options -> styles
属性。
在styles
属性中,确保您的styles.scss
文件位于数组的第一位。示例代码如下:
"styles": [
"src/styles.scss",
// 其他样式文件...
],
如果styles.scss
文件不在数组中,请将其添加到数组的第一位。
保存并关闭angular.json
文件。
重新启动Angular开发服务器。您可以在终端中运行以下命令来重新启动开发服务器:
ng serve
现在,您的Angular主HTML文件应该能够使用src/styles
文件夹中的styles.scss
文件了。