时间戳

首页 > 解决方案 > 拒绝应用来自 'URL' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查

html - 拒绝应用来自 'URL' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查

问题描述

这是我的堆栈

我收到一个错误

拒绝应用来自 ' http://localhost:3000/css/style.css ' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我的 head 标签在一个单独的 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"- 它消除了错误但样式不适用。

先感谢您！

标签： htmlcssexpresssassejs

解决方案

将此行添加到您的 js 文件将允许本地 css 链接： app.use(express.static(__dirname));

您可以在此处阅读有关在 Express 中提供静态文件的信息：http: //expressjs.com/en/starter/static-files.html

推荐阅读