无法在角度cli新项目中加载样式

Question

我刚刚使用angulari cli创建了一个新项目。

当我尝试在index.html

中包含styles.css文件时

<link rel="stylesheet" type="text/css" href="styles.css">

我在Chrome的开发工具网络标签中收到此消息：

Refused to apply style from 'http://localhost:4200/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

有关如何解决此问题的任何想法？我使用ng serve

在本地运行

我也尝试添加

./styles.css
/styles.css
styles.css

Answer 1

当我们创建angular-cli项目时，styles.css将应用默认值，您可以在.angular-cli.json中看到

app: {
styles:[
  "styles.css"
]

}

如果您需要，可以根据项目添加更多样式。

Answer 2

我刚注意到它是通过js文件的一些服务器请求自动加载的。所以它通过javascript加载样式。

Answer 3

对于新版本的cli，您不再需要包含以下行

{"query":{"bool":{"should":[{"terms": {"_id": ["x"]}},
            {"nested":{"path": "sm","query":{
                        "match": {"sm.id":"y"}}}}]}}}

在index.html文件中。 cli将自动注入内容。因此，从index.html中删除该行，所有行都应该起作用。

如果您需要style.css，请按照以下说明在angular-cli.json中声明

 <link rel="stylesheet" type="text/css" href="styles.css">