Здравствуйте,
Я схожу с ума от следующей проблемы, которая - на первый взгляд - выглядит как проблема с MIME-Type или просто ошибка с ошибкой.Но это немного странно, на мой взгляд:
Я пытаюсь сделать следующее: сначала я хочу заметить, что это не используется ни на одном из производственных серверов, поэтому, пожалуйста, не обращайте внимания на причинность моего назначения..
Я пытаюсь связать CSS-файл со следующим Элементом внутри моего <head>
<link rel="stylesheet" href="/modules/css/main.css">
Теперь я определил простой маршрут в моем экспресс-приложении, который являетсяследующее:
app.use('/modules/css/:file', (req, res) => {
// Get the requestet scss file from the .css-file-request
let reqFile = req.params.file.replace(/\.css$/, '.scss');
// Render the sass-file using the 'node-sass'-package
sass.render({
file: './public/scss/' + reqFile,
outputStyle: 'compressed'
}, (err, result) => {
if (err) {
console.log(err);
res.status(500);
res.send(err);
return;
}
// This is what I tried before, because I thaught
// the problem hat something to do with MIME-types
//res.type('text/css');
// Sending the compiled css to the client
res.send(result.css);
});
});
Весь маршрут действует так, как я хочу.Он компилирует мой scss и отправляет его клиенту.
Пока никаких проблем.
Давайте рассмотрим пример, у нас есть body { background: green; } scss, вот что приходит в мой браузер:
body{background:green !important}
Все еще никаких проблем.
За исключением, фон страницы не зеленый, как я ожидал.
Поэтому я прошел и искал консоль, чтобы не видеть ошибок или предупреждений MIME-Type.,Глядя в Sources -Tab моей консоли Chrome, я отформатировал файл main.css, и вдруг мой файл был применен к странице, а фон стал зеленым.
Это вызвано ошибкой в Chrome или ясделал ошибку, которую просто не могу найти?
Я заранее благодарен за любую помощь.:)