出现这个错误的原因是浏览器不能正确识别CSS文件的MIME类型,导致无法应用样式。解决方法是在项目的angular.json文件中添加以下配置:
{
...
"projects": {
"your-project-name": {
...
"architect": {
...
"build": {
...
"options": {
...
"assets": [
...
{
"glob": "**/*",
"input": "node_modules/@angular/material/prebuilt-themes/",
"output": "/assets/material-themes"
}
]
}
}
}
}
}
}
将上述配置中的'your-project-name”替换为你的项目名称,并'node_modules/@angular/material/prebuilt-themes/”替换为你的应用程序中预构建的主题位置。通过这种方法添加的配置将允许Angular在构建应用程序时正确识别主题CSS文件的MIME类型。