Question

我已经使用node.js和jade设置了应用。

这是我的观点：

html
    head
        title My test page

        link(rel='stylehseet', link='/css/main.css')
    body
        h1 My Jade template
        p= message

        a(href='/about') About

问题是link标记。它没有加载CSS。如果我将其更改为<link rel="stylesheet href="/css/main.css" />（将jade换成常规css），它就可以工作。

这是我服务和路由index.html的方式：

app.use(express.static(__dirname));

app.get('/', function(req, res) {
    res.locals.message = 'Hello!';
    res.render('index');
});

Answer 1

也许这只是一个错字，但你有stylehseet：

link(rel='stylehseet', link='/css/main.css')

而不是样式表

link(rel='stylesheet', href='/css/main.css')

Answer 2

我被困在这几个小时。上述解决方案适用于其他人，但不适用于我自己。

如果您或其他任何人遇到麻烦，请尝试以下方法：

| <style type="text/css">
include ../css/bootstrap.min.css
include ../css/landing-page.css
include ../font-awesome/css/font-awesome.min.css
| </style>

如果您不需要，可以随时删除包含，但样式标记是允许我的CSS反映的内容（请记住，我的文件结构是一个＆＃39; views＆＃39;文件夹，包含我的所有内容玉视图和单独的“css”文件，该文件位于＆＃39;视图＆＃39;文件夹所在的同一目录中。

希望这有帮助！

CSS不适用于玉

2 个答案: