angular2-cli无法加载样式错误

Question

我刚刚使用ng new myapp创建了一个新的angular2应用，我在index.html中加载样式时已经出错了。我刚刚在index.html中添加了一行：

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

当然我在src / css / styles.css中添加了一个文件夹和文件。 并在chrome结果显示

  

localhost /：8获取红色http://localhost:4200/css/styles.css（状态=   404）未找到。

知道什么是错误吗？

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

Answer 1

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

假设路径为＆＃39; ./ assets / css / styles.css＆＃39;

确保您的路径正确

推荐的方法是 -

在angular-cli.json样式数组＆＃39; apps [0] .styles＆＃39;添加以下

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

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

）

"defaults": {
  "styleExt": "css"
}

使用npm start重新运行

<强>更新

"defaults": {"styleExt": }用于生成组件。如果样式工作正常而不改变它，那就继续吧。请参阅评论

Answer 2

仅ng new然后用于开发运行ng serve，对于生产运行ng build或ng build --prod，Angular CLI将为您注入css，js外部链接。

您无需在其中指定css链接 index.html