使用快速服务器时，Chrome Dev 上的 CSS 代码为空

Question

我正在尝试在快速服务器上提供我的 static css 文件。 一旦我启动服务器和 go 到工具，它显示我的 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 文件中，我链接到我的公用文件夹，然后是 stylesheets../public/stylesheets/styl.css 和路径只需 stylesheets/style.ZC7A628CBA22E28EB17B5FC6AZ65