angular2-cli不能加载样式错误。

Question

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

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

当然，我在src/css/penes.css中添加了一个文件夹和文件。在镀铬结果中，

找不到localhost/:8获取红色的http://localhost:4200/css/styles.css (status = 404)。

知道会有什么错误吗？

当单击编辑器内的ctrl +跟随链接时，我得到了css文件。

Answer 1

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

假设路径是‘./assets/css/penes.css’

确保您的路径正确，

建议的做法是-

在角-cli.json样式数组'apps.styles‘中添加以下内容

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

确保您的样式扩展(默认样式扩展名在.角-cli.json中)是

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

并且重新运行一个npm start就可以了

更新

"defaults": {"styleExt": }用于生成组件。如果这种风格在不改变的情况下很好的话，那就去做吧。见评论的原因

Answer 2

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

您不需要在index.html中指定css链接