无法在Angular 6应用程序中加载css文件
[英]unable to load the css file in angular 6 application
问题描述
我正在尝试在我的angular 6应用程序中添加基本的重置样式。 但是我一直在控制台中收到以下错误。
**
拒绝从' http：// localhost：4200 / app / style-components / reset.css ' 应用样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。
**
如您所见，我的css文件名为reset.css，我正在index.html中使用以下行添加此文件。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EasyNotes</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="app/style-components/reset.css">**
</head>
<body>
<app-root></app-root>
</body>
</html>
我是这个新版本的angular的新手，它对我来说是个阻碍。 提前致谢 ：）
2 个解决方案
解决方案1
1 2018-12-02 16:11:02
对于像您这样的类似问题，这是一个很好的答案 。
出现此错误消息的通常原因是，当浏览器尝试加载该资源时，服务器将返回HTML页面，例如，如果您的路由器捕获了未知路径并显示默认页面而没有404错误。 当然，这意味着该路径不会返回预期的CSS文件/图像/图标/任何内容。
解决方案是找到正确的路径和路由器配置，以便在访问该路径时获得纯CSS文件/图像/等。
解决方案2
-3 已采纳 2018-06-03 13:17:21
我认为在运行时找不到该文件，因此返回了HTML错误页面（或类似错误）。 将文件放入assets文件夹，并按如下方式引用它：
href="assets/reset.css"
要检查这一点，请打开浏览器并访问您的页面，按F12 ，单击Network ，然后按F5重新加载。 看看文件Http的状态。
您也可以将其放在其他位置，并在angular.json文件的styles部分中引用它，并将其从index.html删除：
"styles": [
"src/app/style-components/reset.css"
],
无法加载angular2应用程序
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.