Node.js本地服务器运行时index.html样式不生效，直接打开文件正常是什么原因

• express.static 中间件使用错误：该中间件要求传入的参数是静态资源的存放根目录，而非单个文件路径。你当前代码中直接传入了__dirname + '/style/style.css'这个单文件路径，导致中间件无法匹配浏览器发起的/style/style.css资源请求。
• 静态资源路径映射缺失：浏览器请求样式文件的路径为/style/style.css，但没有正确配置对应的目录映射规则，Express收到请求后无法找到对应资源，会返回404错误，因此样式无法加载。

修改index.js中的静态资源配置行即可：
将原代码：

app.use(express.static(__dirname + '/style/style.css'));

替换为以下两种写法任意一种即可：

1. 开放项目根目录作为静态资源根目录：

app.use(express.static(__dirname));

2. 仅开放style目录（更推荐，安全性更高）：

app.use('/style', express.static(__dirname + '/style'));

修改完成后重启Express服务，样式即可正常加载。

内容的提问来源于stack exchange，提问作者Марьяна