当前位置: 首页 > 知识库问答 >
问题:

无法使样式表与Node.js的ejs一起工作

万俟旭
2023-03-14

我正在尝试为模板制作一个包含node、express和ejs的简单服务器。我已经让服务器指向页面,加载它,甚至能够用include语句生成其他代码。但是,由于某种原因,样式表将不会加载。

应用程序JS

var express = require('express'),
app = express(),
http = require('http'),
server = http.createServer(app),
fs = require('fs');

var PORT = 8080; 

app.set('view engine', 'ejs');

app.get('/', function(req, res){
res.render('board.ejs', {
    title: "anything I want",
    taco: "hello world",
    something: "foo bar",
    layout: false
  });
});


app.listen(PORT);
console.log("Server working");

ejs文件位于views/board.ejs目录中

<html>
 <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='../styles/style.css' />
 </head>
 <body >
    <h1> <%= taco %> </h1>
    <p> <%=  something %> </p>
 </body>
</html>

并且style.css位于与app.js相对的styles/style.css目录中

p {
  color:red;
}

对于链接的href,我尝试了所有我能想到的路径,包括相对于我的localhost指向的地方、相对于app.js的地方、相对于board.ejs的地方,甚至只是style.css,但似乎都不起作用。任何建议都非常感谢。

共有1个答案

冉永宁
2023-03-14

声明静态目录:

app.use(express.static(__dirname + '/public'));

<link rel='stylesheet' href='/style.css' />
 类似资料:
  • 我正在尝试在项目中使用 我无法使用的样式。组件负载良好,但LESS负载不佳。 除了遵循创建教程用法之外,还有什么特别的事情要做吗?

  • 以下结构(在中)不允许我在模块中导入类: 顶层的为空。以下是剩余的文件: a b: 在Windows上,如果我尝试运行(从文件夹中)而不做任何其他操作,我会得到以下错误: 如果我在顶层添加一个: 包含 并运行(从内),我得到同样的错误。 如果我将更改为 然后运行(从文件夹中)或(从)中,我得到了 python文档让我觉得我应该能够做到这一点! 有人能解释一下我为什么会犯这些错误吗?我看到过几篇类似

  • 问题内容: 我想知道为什么没有确定的合作方式。我只想解析字符串: 但是我真的很困惑应该导入什么。根据此链接,我尝试导入。但是我得到这个编译错误: 然后我尝试导入和。因此,没有编译错误,但是我得到了此运行时异常(在mapper定义行中): 请指导我,我应该导入什么才能使用。谢谢 问题答案: 使用这些依赖项 jackson-databind jackson-annotations jackson- c

  • 我对scrollview和GeometryReader有一些问题。我想要一张图片下的物品清单。每个项目都应该有以下宽度和高度: 我为我的用例尝试了两种方法。这是我的第一个代码结构: 我正在使用几何体读取器来获取VStack的宽度,因为它有一个填充,我不想获得滚动视图的全宽。 但对于GeometryReader,UI上只显示ForEach循环中的最后一项。而GeometryReader只有很小的高度

  • 我在使用pymongo进行mongodb聚合时遇到了< code >聚合结果超过最大文档大小(16MB)错误。 起初,我使用< code>limit()选项克服了这个问题。然而,在某个时候,我得到了 好的,我将使用 选项。当我在命令行上使用它时,此选项有效,但是当我尝试在我的 python 代码中使用时,此选项有效 我得到< code>TypeError: aggregate()正好接受2个参数(

  • 几周来,我一直在努力让Jasper reports工作。它在Eclipse中工作得很好,Jasper网站的演示也很好。在JBoss中,我的jsp页面无法使用它。 我的jsp页面非常基本。它调用类中的方法。它肯定达到了这一点,因为我有输出诊断。当我调用任何Jasper方法时,都会出现以下错误: 我已经到处转储jar文件。我甚至将这组jar转储到我的文件夹中。 蜡染-1.5 commons-beanu