我刚刚使用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文件。
答案 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 build
或ng build --prod
,Angular CLI将为您注入css,js外部链接。
您无需在其中指定css链接
index.html