CSS样式未应用于视图

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

首先删除/

也改变rel属性

喜欢：

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