当前位置: 首页 > 面试题库 >

无法获取CSS文件

应翰飞
2023-03-14
问题内容

我的目录设置如下:

app.js
vews
  home.html
  css
    style.css

我的主文件是这样的:

<html>
<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

</body>
</html>

我的应用程序是这样的:

var io   = require('socket.io'),
    url  = require('url'),
    sys  = require('sys'),
    express = require('express'),
    http=require('http');

var app = express();
var server = http.createServer(app);
var socket = io.listen(server);

app.engine('.html', require('ejs').__express);
app.set('views', __dirname + '/views');
app.set('view engine', 'html');

app.get('/', function(req, res){
    res.render('home');
});

app.listen(4000);
sys.puts('server running ' + 'now ' + Date.now());

问题是当我运行应用程序时,无法加载CSS文件。


问题答案:

由于.css文件是静态文件,因此您必须将它们提供给客户端。但是,您不能将静态文件用作快速中间件。将以下中间件添加到您的express应用中,然后将css文件夹移动到目录下public(您应该创建一个public directory

app.use(express.static(path.join(__dirname, 'public')));

因此您的最终目录结构应如下所示

app.js
views
  home.html
public
  css
    style.css

并且不要忘记需要path模块

 var path = require('path')


 类似资料:
  • 我们使用nextjs/reactjs作为FE,并且我们有一个server.js文件,它允许我们在上传映像,但是由于某种原因,每当我们运行服务器时,都会出现错误 下面是我们在server.js上的代码 这些是我们package.json中包含的脚本 希望得到一些答案和建议。这些代码在本地运行,没有任何问题

  • 我有一个文档集合,其中文档的id是用户id。让我们称这些为用户文档。 每个“用户文档”包含聊天消息的子集合。但并不是所有的“用户文档”都包含任何字段(数据,而不是子集合)。 我不想返回集合中没有任何字段但有子集合的所有文档,但我觉得这是不可能的? 此代码只返回包含字段的文档,而不是只有子集合的文档?有没有办法全部返回? 如何获取集合中所有文档id的列表?空的和非空的都有?或者,如果我不能访问没有字

  • 请看下面的JavaFX和CSS代码。 登录2。JAVA 我ogin.css 当我运行这个,我得到以下错误。 应用程序启动方法中的异常线程“main”java中的异常。lang.RuntimeException:com上应用程序启动方法中的异常。太阳javafx。应用发射装置impl。在com上启动Application1(未知源)。太阳javafx。应用发射装置impl。在com上访问$000(未

  • 我是selenium的新手,试图为下面的html代码找到正确的xpath或CSS,在花了这么多时间和无数次尝试之后,我无法单击这些元素,我需要一些帮助。我似乎遗漏了一些非常基本的东西。我没有得到任何例外。 第一个HTML: 我尝试了以下代码: null 任何帮助都是非常感谢的。

  • 我在Angular应用程序中使用服务工作者。我的资产文件夹中的所有文件都被缓存,正如我的文件中声明的那样。 我有。svg和。“我的资源”文件夹中的png文件。当我为生产构建应用程序并第一次访问我的站点时,一切正常,但一旦我重新加载页面,我的控制台就会出现以下错误。 未捕获(promise中)错误:哈希不匹配(cacheBustedFetchFromNetwork) 此问题仅发生在浏览器试图获取.

  • 我有一个问题做npm启动,这似乎是一个bug与css-loader但我不能修复它。 我读过这篇文章,但我不能让它工作:https://github.com/reactjsresources/react-webpack-babel/issues/197 我还修改了webpack.config.js,添加了: 和: 如果有人能帮忙请... 谢谢.