如何解决使用 Pug 视图引擎时表示较少中间件未编译
我刚开始使用 Express 和 Pug,但我知道这应该很简单。
我试图让我的 Pug 视图使用由 less-middleware 模块编译的 css 文件,但我似乎无法让 less-middleware 将我的 less 文件编译成 css。
index.js
const express = require('express');
const lessMiddleware = require('less-middleware');
const app = express();
...
app.set('view engine','pug');
app.set('views','./views');
app.use(lessMiddleware(__dirname + '/public'));
app.use(express.static(__dirname + '/public'));
...
home.pug
html
head
title title
link(rel="stylesheet" type="text/css" href="../public/style.css")
文件结构
/public
style.less
/src
index.js
/views
...
home.pug
转到 http://localhost:3000/home
会出现此错误消息:
Refused to apply style from 'http://localhost:3000/public/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type,and strict MIME checking is enabled.
现在我知道这意味着 style.css 文件不存在(我认为),这源于 less-middleware 没有将 less 编译成 css,对吗?
我知道这实际上是其他问题的副本,例如:Express less-middleware not compiling,但我已经尽我所能,但我没有想法。
如果这真的很愚蠢/简单,我深表歉意,但我觉得我现在正用头撞砖墙试图解决这个问题。任何帮助将不胜感激
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。