Angular 4.0.3-找不到css

版本

"@angular/compiler": "^4.0.3",
"codelyzer": "~3.0.1",
"tslint": "~5.2.0"
"@angular/cli": "1.0.3",
"@angular/compiler-cli": "^4.0.3",

我今天更新了package.json。上述依赖项是该更新的一部分。 当我运行应用程序（npm start）时，应用程序无法在服务器上找到css文件。我没有更改任何参考或位置

Index.html

<link type="text/css" rel="stylesheet" href="test.css"/>
<link rel="icon" type="image/x-icon" href="favicon.ico">

该应用程序能够找到favicon，但无法找到css。这两个文件位于同一个/src文件夹中

---

有什么问题吗？

解决方案没有使用index.html包含css/js。请改用.angular-cli.json

检查文件

angular cli.json

，查找

“styles”

，并检查是否有

styles.css

文件（styles是默认名称，在您的情况下应该是

test.css

）。如果有多个样式，您可以在其中添加多个css文件，请再试一次：请再次转到

angular cli.json

文件并找到

“defaults”

，检查

“styleExt”

是否设置为

“css”

。它不应包含在

index.html

中的标记中。cli使用webpack，它将所有引用的css“捆绑”为“javascript”，并“注入”样式。因此，只需在样式数组中引用，并从

index.html

@Haseoh中删除

链接，现在是
.angular cli.json
，带有一个点。