css - 组件中奇怪的 css 路径异常，如果 css 文件不在同一目录中

Question

如果我将 css 文件放在与我的组件相同的目录中，一切正常，但是当我编辑另一个目录的路径时，我在浏览器控制台中收到此错误:

Uncaught Error: Expected 'styles' to be an array of strings."

作品:

styleUrls: [
   'admin.css'
],

不起作用:

styleUrls: [
   '../../css/admin.css'
],

适用于同一目录中的 scss 文件:

styleUrls: [
   '../../css/admin.scss'
],

有什么想法吗？

Answer 1

找到解决方案。我将元素默认样式设置为 scss。要修复，请执行以下操作:

打开angular.json文件

改变.scss

"schematics": {
           "@schematics/angular:component": {
                   "styleext": "scss"       
             }  
  }

到.css

"schematics": {
           "@schematics/angular:component": {
                   "styleext": "css"        
             }  
  }

然后用 ng serve 重启