Я настроил базовый узел, экспресс, реагирующее приложение, и экспресс обслуживает статический контент, включая мой css. Когда я просматриваю исходный код, я заметил, что index.html добавил это в тег заголовка:
<style type="text/css">* {}</style>
Его явно нет в реальном файле. Откуда это взялось?
Кроме того, я не вижу фактического рендеринга css на странице. Однако я вижу, что файл css загружается на вкладке сети Chrome. Я также вижу, что стиль начальной загрузки прекрасен, и они обслуживаются одинаково. Что тут происходит?
Мой сервер:
var express = require('express'),
bodyParser = require('body-parser'),
http = require('http'),
path = require('path');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(path.join(__dirname, 'public')));
app.use(cors());
app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'public', 'index.html'));
});
http.createServer(app).listen(8080), function () {
console.log('Express server listening on port 8080');
});
Это то, что у меня есть в моем css
body{
color: red;
}
index.html
? Кроме того, чтобы не учитывать любые плагины браузера, внедряющие CSS, пытались ли вы загрузить страницу в режиме инкогнито/приватно со всеми отключенными расширениями? - person godfrzero   schedule 14.02.2017index.html
и своим css. - person supernatural   schedule 14.02.2017