我正在创建一个示例网站模板,但在 Chrome 控制台中收到此错误:
拒绝应用来自“http://localhost:3000/css/style.css”的样式,因为它的 MIME 类型(“text/html”)不是受支持的样式表 MIME 类型,并且严格的 MIME 检查是已启用。
我在尝试加载 css/style.css 页面时收到 404 错误,但路径似乎是正确的。以下是网站的一些基本代码:
应用:
var express = require('express');
var app = express();
var exphbs = require('express-handlebars');
var path = require('path');
app.engine('hbs', exphbs({extname:'hbs'}));
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
app.use(express.static(path.join(__dirname, "static")));
app.get('/', function(req, res) {
res.render('resume.hbs')
})
app.listen(3000)
HTML:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<base href="/">
<link rel="stylesheet" href="..\css\style.css" type = "text/css">
<title>Example Website</title>
<h1>Header</h1>
<hr id = 'headerBorder'>
</head>
<body>
</body>
</html>
CSS:
h1 {
color: blue
}
下面是文件夹的样子,其中显示了路径。我似乎找不到解决这个问题的方法。有什么想法吗?
最佳答案
这可能只是由于没有预期的路径造成的。
你在这里使用了这一行:
app.use(express.static(path.join(__dirname, "static")));
所以在这种情况下,您需要一个名为“static”的文件夹,并且您可以在该文件夹中放置您的 css 和图像。您可以按如下方式链接到它们:
<link rel="stylesheet" href="/css/style.css" type="text/css">
关于javascript - 拒绝应用来自 'http://localhost:3000/css/style.css' 的样式,因为它的 MIME 类型 ('text/html' ) 不是受支持的样式表 MIME 类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51143219/