angular2 cli无法加载样式错误

我刚刚使用

ng new myapp

创建了一个新的angular2应用程序，在index.html中加载样式时出现了一个错误。我刚刚在index.html中添加了一行：

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

当然，我在src/css/styles.css中添加了一个文件夹和文件。 而在铬中的结果表明

localhost/：8进入红色（状态）= 404）找不到

你知道会有什么错误吗

---

当在编辑器中单击ctrl+follow链接时，我得到了css文件。

只是

ng new

然后对于开发运行

ng serve

，对于生产运行

ng build

或

ng build--prod

，Angular CLI将为您注入css、js外部链接

您不需要在中指定css链接

---

index.html

此方法可能有效，但不推荐使用并且，在CLI生成的项目中，强烈建议在资产文件夹中添加样式

假设路径为“./assets/css/styles.css”

确保您的路径正确

推荐的方法是-

在angular-cli.json样式数组“apps[0].styles”中添加以下内容

"styles": [
  ...
  "./assets/css/styles.css"
  ...
]

确保您的（angular cli.json中的默认样式扩展名）是

使用

npm启动重新运行将有效

更新

“defaults”：{“styleExt”：}
用于生成组件。如果这种风格在不改变这一点的情况下运行良好，那就继续吧。查看注释，了解我需要插入自己的css文件的原因。我的问题是为什么在加载消息时会出现此错误？请将css文件放入
assets
文件夹，而不是src。您可以将任何css文件添加到样式数组中，即使默认的ext是css或lessys，默认的ext是在生成组件时生成样式文件。我不知道这是否已修复，但当我在项目中将默认ext作为css时，我在编译SCS时遇到了问题。为了安全起见，他补充道。谢谢你指出这一点@TiepPhanjust通过将css文件夹移动到资产解决了这个问题。非常感谢Saiyaff希望您使用.angular-cli.json链接它，因为即使您的方法（在index.html中链接）运行良好，也不推荐使用。非常欢迎您，很高兴为@KOul编写代码
"defaults": {
  "styleExt": "css"
}