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