Javascript CSS没有'；t使用Node.js加载到我的HTML代码中_Javascript_Html_Css_Node.js

Javascript CSS没有'；t使用Node.js加载到我的HTML代码中

javascript html css node.js

Javascript CSS没有'；t使用Node.js加载到我的HTML代码中,javascript,html,css,node.js,Javascript,Html,Css,Node.js,我试图使用localhost:3000 by Node.js中的express（）函数将CSS添加到我的HTML中。不幸的是，有些事情很奇怪。我一步一步地遵循教程中的步骤，但仍然没有加载css。我的style.css位于css文件夹（css/style.css）中。这是我的代码： app.js（注意我使用了app和app1） style.css（css/style.css） index.html <html> <head> <script

我试图使用localhost:3000 by Node.js中的express（）函数将CSS添加到我的HTML中。不幸的是，有些事情很奇怪。我一步一步地遵循教程中的步骤，但仍然没有加载css。我的style.css位于css文件夹（css/style.css）中。这是我的代码：

app.js（注意我使用了app和app1）
style.css（css/style.css）
index.html

<html> <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="/socket.io/socket.io.js"></script> <link rel="stylesheet" type="text/css" href="/css/style.css" /> </head> <body> <script> var socket = io.connect('http://localhost:3000'); socket.on('field', function (data) { console.log(data); $("#field").html(data); }); </script> <div class='test'>Data from C#: </div><div id="field"></div> </body> </html>

var socket=io.connect（'http://localhost:3000'); socket.on（'field'，函数（数据）{ 控制台日志（数据）； $（“#字段”）.html（数据）； }); 来自C#的数据：
您可以在此处将静态模块的根设置为
/css

app1.use(express.static('/css'));
但随后您请求
/css/style.css
，这意味着express将在
/css/css/style.css
中查找文件（请注意，此路径是绝对路径，而不是相对于您的项目）
将所有内容放入
public
文件夹中，例如
public/css/style.css
，然后

app1.use(express.static(__dirname + '/public'));
编辑：这里有一个简单的工作示例，它提供index.html和style.css（在
public/css/style.css
中）

您可以在这里将静态模块的根设置为
/css

app1.use(express.static('/css'));
但随后您请求
/css/style.css
，这意味着express将在
/css/css/style.css
中查找文件（请注意，此路径是绝对路径，而不是相对于您的项目）
将所有内容放入
public
文件夹中，例如
public/css/style.css
，然后

app1.use(express.static(__dirname + '/public'));
编辑：这里有一个简单的工作示例，它提供index.html和style.css（在
public/css/style.css
中）

您在控制台中有任何错误吗？例如，类似于style.css的404。您的
css
文件的URL以
/
开头。确保
localhost
的根目录包含
css
文件夹。控制台中是否有错误？例如，类似于style.css的404。您的
css
文件的URL以
/
开头。请确保您的
localhost
的根目录包含
css
文件夹。谢谢，我是否应该更改html代码中的某些内容？我不这么认为。当express收到
/css/style.css
请求时，它将检查公用文件夹中的
public/css/style.css
，如果该文件存在，则提供该文件。该文件无效。。同样，css没有加载。你不认为这取决于我的var-app=require（'http'）.createServer（handler）；我错过了那部分。为什么要创建http服务器？You express应用程序甚至不在任何端口上侦听。Express扩展了内置的http服务器，无需手动创建。你把两件事混合在一起。我添加了一个最小的express示例。当三件事不起作用时，不要试图同时做三件事。一件接一件。谢谢。我应该在我的html代码中更改一些东西吗？我不这么认为。当express收到
/css/style.css
请求时，它将检查公用文件夹中的
public/css/style.css
，如果该文件存在，则提供该文件。该文件无效。。同样，css没有加载。你不认为这取决于我的var-app=require（'http'）.createServer（handler）；我错过了那部分。为什么要创建http服务器？You express应用程序甚至不在任何端口上侦听。Express扩展了内置的http服务器，无需手动创建。你把两件事混合在一起。我添加了一个最小的express示例。当三件事不起作用时，不要试图同时做三件事。一件接一件。
var express = require('express'); var app = express(); app.use(express.static(__dirname + '/public')); app.get('/index.html', function(req, res, next) { res.sendFile(__dirname + '/index.html'); }); app.listen(3000);