angular – index.html没有加载本地CSS

发布时间：2020-12-17 07:29:25 所属栏目：安全来源：网络整理

导读：我最近开始使用AngularCLI.我已将所有文件从Angular2转移到AngularCLI项目. 但它没有加载一些本地的CSS文件,但它正在加载其他的CSS文件？目前的目录是： -src--index--styles.css--app---angular2-fullcalendar----fullcalendar.min.css 的index.html !doct

我最近开始使用AngularCLI.我已将所有文件从Angular2转移到AngularCLI项目.

但它没有加载一些本地的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>

错误是：

它没有加载,因为你需要使用angular-cli.json文件将css文件添加到项目中,而不是index.html.为此,只需打开angular-cli-json并将css文件添加到样式中：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!