Question

我正在使用node.js创建应用程序并进行表达。我正在使用pug作为模板引擎。样式表中的样式未应用到视图。

在我的header.pug文件中，

link(rel='stylesheets/style.css', type='text/css', href='/stylesheets/style.css')

样式表位于public / stylesheets中。我还在app.js文件中添加了以下代码。

// serve static files from /public
app.use(express.static(__dirname + '/public'));

app.set('view engine', 'pug');
app.set('views', __dirname + '/views');

当我运行应用程序并期待文档时，我可以在新的水龙头中打开样式表并查看样式表，但是它没有将这些样式应用于pug文件？

Answer 1

先删除/

还更改了相关属性

喜欢：


    link(rel='stylesheet', type='text/css', href='stylesheets/style.css')

Answer 2

您也可以尝试这种方式来加载样式表。

index.pug

html  
head
    style
        include style.css
    title This is my first Pug file 
body
    div.split.left
        div.centered...

文件夹结构必须是这样。

views
   index.pug
   style.css
index.js

CSS样式未应用于视图

2 个答案: