index.html不加载本地CSS

我最近开始使用AngularCLI。我已将所有文件从Angular2转移到AngularCLI项目。index.html不加载本地CSS

但它不是加载一些本地的css文件，但它正在加载其他css文件？

当前目录是：

-src 
--index 
--styles.css 
--app 
---angular2-fullcalendar 
----fullcalendar.min.css

的index.html

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Cudyangularcli</title> 
    <base href="/"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="styles.css"> 
    <link rel="stylesheet" type="text/css" href="../src/app/angular2-fullcalendar/fullcalendar.min.css" > 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html>

错误是：

来源

2017-05-23 User1911

from angular-cli自述文件：“您可以通过angular-cli.json中的apps [0] .styles属性添加更多全局样式。” https://www.npmjs.com/package/angular-cli#global-styles – n00dl3

我认为路径是错误的，当你运行你的应用程序时，你的应用程序的根目录被设置为'src'文件夹，在这种情况下你应该重定向到'/ app/...'。 – hakany

@hakany尝试过。仍然是同样的错误。 – User1911

这不加载，因为你需要使用angular-cli.json文件添加CSS文件到项目，而不是index.html。要做到这一点，只需打开angular-cli-json，并添加CSS文件到styles：

"styles": [ 
     "styles.css", 
     "another-styles.css" 
]

来源

2017-05-23 08:29:40 Haseoh

styles.css已经在里面，它仍然显示我错误！ – User1911

确保删除'index.html'中的css链接，并检查您的路径是否正确.css文件。 – Haseoh

明白了！谢谢。 – User1911

创建目录src/assets/css，把你的文件fullcalendar.min.css在src/assets/css。

指向它与：

<link rel="stylesheet" type="text/css" href="assets/css/fullcalendar.min.css">

角-CLI命令，会复制目录assets及其内容dist/assets如.angular-cli.json指出：

"apps": [{"assets": ["assets"] ...} ...]

我用以下的目录结构：

src/assets/css 
src/assets/js 
src/assets/icons 
...

您可以@Haseoh也提到了.angular-cli.json中的"apps": [{"styles": ["angular2-fullcalendar/fullcalendar.min.css"] ...} ...]。

区别在于assets会将css文件原样复制到dist目录。 styles将把css文件的内容捆绑到文件styles.bundle.js。

来源

2017-05-23 08:39:45 wolfrevo

基本上默认style.css的路径是在angular-cli.json中指定的，所以你不需要在index.html中调用它，它会自动加载。 “styles”：[“styles.css”，]。如果你有任何其他的css文件，请在这里指定，并添加路径为href =“../path”。

来源

2017-09-27 06:23:47 Anusha

index.html不加载本地CSS

回答

相关问题