资源解释为样式表，但使用 MIME 类型 text/x-scss 传输

Question

我想用 nodejs 创建一个网站，但我在scss和ejs中的显示样式有问题。

我在文件夹../app/public/scss中有一个scss样式，我使用这个中间件来设置 static 文件，其中包含 express：

    app.use(express.static(path.join(__dirname,'public')));
    app.set('view engine', 'ejs');
    app.set('views' , path.join(__dirname,'../','resources/views'));

在 header 我通过这种方式定义样式：

<link rel="stylesheet" type="text/css" href="/scss/vazir.scss">
<link rel="stylesheet" type="text/css" href="/scss/media-queries.scss">
<link rel="stylesheet" type="text/css" href="/scss/style.scss">

我通过这种方式在register.ejs:

<%- include('./../header.ejs'); %>

登记

但是当我 go 到注册页面时，它在控制台中显示了这个：

资源解释为样式表，但使用 MIME 类型 text/x-scss 传输：“ http://localhost:3000/scss/vazir.scss ”。

register:9 资源解释为样式表，但使用 MIME 类型 text/x-scss 传输：“ http://localhost:3000/scss/media-queries.scss ”。

register:10 资源解释为样式表，但使用 MIME 类型 text/x-scss 传输：“ http://localhost:3000/scss/style.scss ”。

有什么问题？ 我该如何解决这个问题？？？？

Answer 1

浏览器不支持 SCSS。 您需要将其编译为 CSS 并将 CSS 文件提供给浏览器。

有各种支持它的编译器。 SASS是官方的。 您可能希望找到一个与现有构建工具链集成的工具。