Javascript 使用express server时,我的CSS代码在Chrome Dev上为空

Javascript 使用express server时,我的CSS代码在Chrome Dev上为空,javascript,css,node.js,express,Javascript,Css,Node.js,Express,我试图在express服务器上提供我的静态css文件。一旦我启动服务器并转到工具,它就会显示我的css文件已链接,但代码编辑器中没有显示代码。看来Express本身并不是在为代码服务。我不明白为什么它不起作用 /*App.js*/ var createError=require('http-errors'); var express=需要(“express”); var path=require('path'); var cookieParser=require('cookie-parser'

我试图在express服务器上提供我的静态css文件。一旦我启动服务器并转到工具,它就会显示我的css文件已链接,但代码编辑器中没有显示代码。看来Express本身并不是在为代码服务。我不明白为什么它不起作用

/*App.js*/
var createError=require('http-errors');
var express=需要(“express”);
var path=require('path');
var cookieParser=require('cookie-parser');
var记录器=需要('morgan');
const nodemailer=require('nodemailer')
const bodyParser=require('body-parser');
const indexRouter=require('./路由/索引');
const contactRouter=require(“./routes/contact”);
const timeRouter=require(“./路由/时间”);
var-app=express();
app.use('/contact.html/',contactRouter);
应用程序使用(“/”,索引路由器);
app.use('/time.html/',timeRouter);
use(express.urlencoded({extended:true}));
app.get('*',(req,res)=>{
res.sendStatus(404);
})
module.exports=app;
/*index.js*/
var express=需要(“express”);
var router=express.router();
router.use(express.static('public'));
/*获取主页*/
router.get('/',函数(req,res,next){
res.sendFile('/Users/AugustShah 1/Documents/Coding Tools/Projects/portfolio/portfolio/html files/index.html');
});
router.get('/contact.html/',(req,res,next)=>{
res.sendFile('/Users/AugustShah 1/Documents/Coding Tools/Projects/portfolio/portfolio/html files/contact.html');
console.log(“这是有效的”);
});
module.exports=路由器已修复:

在我的html文件中,我链接到我的公用文件夹,然后是stylesheets../Public/stylesheets/styl.css,路径只需要是stylesheets/style.css

我会要求您注意css的相对路径。因为它修复得很好。我是一个非常新的表达,仍然试图解决它。我试图通过使用HTML文件/“插入HTML文件名”(HTML文件位于名为HTML文件的文件夹中)以同样的方式为HTML文件提供服务,但我遇到了一个GET错误。我没有把它们放在公共文件夹中的原因是,如果我理解它,例如,如果我想对静态文件中的表单发出post请求,那么它不会提交表单,或者我有错吗?谢谢你的帮助。你在上面写道你的问题已经解决了。如果你有新问题,你必须问一个新问题。