当使用express服务器时，我的CSS代码在Chrome Dev上为空

Question

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

/* App.js */
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
const nodemailer = require('nodemailer')
const bodyParser = require('body-parser');
const indexRouter = require('./routes/index');
const contactRouter = require('./routes/contact');
const timeRouter = require('./routes/time');
var app = express();


app.use('/contact.html/', contactRouter);
app.use('/', indexRouter);
app.use('/time.html/', timeRouter);
app.use(express.urlencoded({extended: true}));

app.get('*',(req,res) => { 
res.sendStatus(404);
})

module.exports = app;

/* index.js */ 

var express = require('express');
var router = express.Router();

router.use(express.static('public'));
/* GET home page. */
router.get('/', function(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('this works');
});
module.exports = router;

Answer 1

固定：在我的html文件中，我链接到了我的公用文件夹，然后是样式表/public/stylesheets/style.css，路径只需要是stylesheets/style.css