Pug模板无法找到CSS

时间:2017-06-30 20:09:45

标签: node.js pug

我看了,似乎这个问题通常与拼写错误有关,但是,我已经多次检查过我并且没有看到。控制台说它正在寻找的位置正是应该的位置:

html(lang="en")
  head
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    div#card
      h4 Your Moon Story!
      p#story #{moon_story}

在我的index.js

// express set-up
app.set('view engine', 'pug')
app.set('port', (process.env.PORT || 5000));
app.use(express.static('/public'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(expressValidator()); // Add this after the bodyParser middlewares!

style.css是我的文件的名称,/stylesheets就是它的位置。它正在查看localhost:5000/stylesheets/style.css,它正是应该的位置。为什么我的CSS文件找不到?

编辑:将其移动到公共文件夹,它说它不在那里,即使我更新了路径

2 个答案:

答案 0 :(得分:0)

如果您将style.css文件放在.pug文件的同一文件夹中,这应该有效:

doctype html
html(lang='en')
  head
    title Example
    style
      // Custom styles for this template
      include ../css/style.css

您可以使用../

导航到其他文件夹

example

答案 1 :(得分:0)

记得在使用 pug 时使用缩进,因为缩进不正确,我浪费了 2 个小时。