Я видел много подобных вопросов, но ничего, что я делаю, похоже, не работает.Файл CSS не обслуживается.Я продолжаю получать следующую ошибку.
Отказался от применения стиля из 'http://localhost:7000/public/css/styles.css', потому что его тип MIME (' text / html ') не является поддерживаемым типом MIME таблицы стилей, а строгим MIMEпроверка включена.
launch-analytics.js: 4 Uncaught TypeError: Невозможно прочитать свойство 'parentNode' из неопределенного в launch-analytics.js: 4 в launch-analytics.js: 5 (анонимный) @ launch-analytics.js: 4 (анонимно) @ launch-analytics.js: 5
мой файл index.ejs (путь: пользователь / узел / views / index.ejs)
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<link rel="stylesheet" href="public/css/styles.css" type="text/css">
<body>
<p>I am the home page</p>
</body>
</html>
файл app.js: (путь: пользователь / узел)
let express = require('express');
let bodyParser = require('body-parser');
let app = express();
let urlencodedParser = bodyParser.urlencoded({ extended: false })
app.set('view engine', 'ejs');
app.use(express.static('/public'));
app.get('/', function(req,res){
res.render('index');
});
app.listen(7000);
Файл styles.css:
body{
background-color: skyblue;
font-family: verdana;
color: white;
padding: 30px;
}
h2{
font-size: 49px;
text-transform: uppercase;
letter-spacing:2px;
text-align: center;
}
p{
font-size: 16px;
text-align: center;
}
.text-field{
display: flex;
justify-content: center;
}