【问题标题】:"Stylesheet could not be loaded" error in Node/Express AppNode/Express 应用程序中的“无法加载样式表”错误
【发布时间】:2021-07-03 20:19:12
【问题描述】:

我正在尝试通过 express 将样式表加载到我的页面中,但据我所知,没有充分的理由说明它为什么不起作用。当我在浏览器中路由到该文件时,我可以看到 CSS 文件,但 app.use 似乎有问题。谁能指出我做错了什么?

main.js

app.use('/css/stylesheet.css', function(req, res) {
    let stylesheet = fs.readFileSync(path.normalize(__dirname+"/views/css/stylesheet.css"), 'utf8');
    res.setHeader('Content-Type', 'application/css');
    console.log(stylesheet);
    res.send(stylesheet); 
});

index.ejs

<link rel="stylesheet" type="text/css" href="/css/stylesheet.css">

我的文件目录:

.
|-views
| |-css
| | |-stylesheet.css
| |-index.ejs
|-main.js

【问题讨论】:

  • 尝试使用 href="css/stylesheet.css" 而不是 href="/css/stylesheet.css"

标签: javascript node.js express ejs


【解决方案1】:

我发现了错误,我将 Content-Type 设置为“application/css”而不是“text/css”,所以浏览器不会加载 css 文件。

【讨论】:

    猜你喜欢
    • 2017-07-24
    • 1970-01-01
    • 1970-01-01
    • 2020-01-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-27
    相关资源
    最近更新 更多