Css 无法在新项目中加载样式

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

当我尝试在index.html中包含styles.css文件时

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

你知道怎么解决这个问题吗？我正在使用

ng serve

我还尝试添加

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

---

我只是注意到它是通过一些服务器对js文件的请求自动加载的。因此，它是通过javascript加载样式的。

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

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

}

---

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

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

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

如果需要style.css，只需在angular-cli.json中声明它，如下所示

 "styles": [
        "styles.scss",
      ],

---

您是否尝试过不添加链接？css将在运行时编译并包含。是的，实际上您不需要将它们添加到html中。在angular-cli.json上，您可以添加它。但是已经添加了由CLI创建的样式

 "styles": [
        "styles.scss",
      ],