Я настраивал базовый узел, выражал, реагировал на приложение, а экспресс обслуживал статический контент, включая мой css. При просмотре источника я заметил, что index.html имеет это добавило в голове теге:Почему мой сервер добавляет стиль mystery в index.html?
<style type="text/css">* {}</style>
Это вызывающе не в самом файле. Откуда это взялось?
Кроме того, я не вижу своего фактического рендеринга css на странице. Однако я вижу, что файл css загружается на вкладке chrome network. Я также хорошо разбираюсь в стиле начальной загрузки, и они подаются одинаково. Что тут происходит?
Мой сервер:
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, попробовали ли вы загрузить страницу в инкогнито/частном случае с отключенными всеми расширениями? – godfrzero
Обычно серверы не добавляют дополнительных данных, если они не указаны. Эта линия должна иметь другую причину. Будет лучше, если вы можете поделиться своим «index.html» и вашим css. –