拒绝应用“URL”中的样式，因为其 MIME 类型（“text/html”）
这是我的堆栈
表达
不
Sass（由“npm install --save-dev sass”安装 - 开发依赖项）
我收到一个错误
拒绝应用“ http://localhost:3000/css/style.css ”中的样式，因为其 MIME 类型（“text/html”）不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。
我的头标签位于单独的partials文件夹中：
-views
--partials
---header.ejs
--index.ejs
我的CSS也在另一个文件夹中
- public
- - css
- - - style.css
- - - style.css.map
- - - style.scss
我的头标签看起来像这样：
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learn Web</title>
<base href="/">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
我像这样渲染我的索引：
app.get('/', (req, res) => {
res.render('index');
})
我尝试添加<base href="/">
我尝试省略rel="stylesheet"
我尝试将其更改type="text/css"为type="text/html"- 它消除了错误，但样式不适用。
函数式编程浏览 127回答 2
2回答
-
翻翻过去那场雪
添加此行到您的 js 文件将允许本地 css 链接： app.use(express.static(__dirname)); -
烙印99
所以我解决了这个问题。但不知怎的，这只是一半的修复。因为我刚开始项目的时候就遇到了这个问题。我重新启动了我的项目，但使用了express-generator，它会自动创建一个应用程序框架。然后，我使用 npm 安装了 Sass 并且它起作用了。
随时随地看视频慕课网APP
相关分类
Html5