angular2-cli无法加载样式错误

时间:2017-04-30 11:28:08

标签: angular angular-cli

我刚刚使用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文件。

2 个答案:

答案 0 :(得分:3)

这种方法可能有效,但不推荐。 并且,在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": }用于生成组件。如果样式工作正常而不改变它,那就继续吧。请参阅评论

答案 1 :(得分:0)

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

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