Node.js本地网页无法加载且无报错问题求助

一、代码直接错误修复 #

你的server.js未将Express的app实例传入http.createServer，导致服务器接收请求后无处理逻辑，进而出现浏览器持续加载的情况。修改后的代码如下：

修正后的server.js #

const http = require("http");
const app = require("./app");

const port = 3000;
// 将Express实例传入，让HTTP服务器使用其请求处理逻辑
const server = http.createServer(app);

server.listen(port, () => {
  // 添加启动日志，确认服务器正常启动
  console.log(`Server running on port ${port}`);
});

简化写法（无需单独创建HTTP服务器） #

如果不需要额外配置HTTP服务器，可直接用Express自带的listen方法，直接运行app.js即可：

const express = require("express");
const app = express();
const port = 3000;

app.use((req, res, next) => {
  res.status(200).json({
    message: "it works!",
  });
});

app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

二、通用问题排查（针对所有Node.js服务及Live Server异常） #

• 检查端口占用：用netstat -ano | findstr :3000（Windows）或lsof -i :3000（Mac/Linux）查看目标端口是否被其他程序占用，更换端口测试。
• 关闭防火墙/杀毒软件：本地安全软件可能拦截本地服务器请求，临时关闭后重试。
• 重置浏览器代理：若浏览器设置了全局代理，需将localhost或127.0.0.1加入代理例外列表，或直接关闭代理。
• 校验hosts文件：确保127.0.0.1 localhost映射正常。Windows路径：C:\Windows\System32\drivers\etc\hosts；Mac/Linux路径：/etc/hosts。
• 修复Live Server插件：卸载重装VS Code的Live Server插件，或在插件设置中修改默认端口，同时确认插件有权限访问本地文件目录。

内容的提问来源于stack exchange，提问作者Kahaan Soni