执行npm start时显示Index of/而非React页面的问题求助
2026-6-24
解决思路
1. 排查端口占用问题
React默认使用3000端口，若该端口被之前运行的ID-Wallet服务占用，npm start可能自动切换端口，但浏览器可能缓存了旧端口的跳转记录。
- 执行命令查看3000端口进程：
lsof -i :3000 - 找到对应进程ID（PID），终止进程：
kill -9 [PID] - 重新在my-app目录执行
npm start，留意终端输出的实际访问地址（如http://localhost:3001），手动在浏览器输入该地址验证。
2. 清除浏览器缓存与跳转记录
浏览器缓存的旧页面可能导致错误跳转：
- 打开浏览器开发者工具（Cmd+Opt+I），右键刷新按钮选择「清空缓存并硬性重新加载」
- 或直接清除浏览器最近历史记录（包含缓存文件）
3. 验证React项目配置与文件
确认my-app的核心配置未被篡改：
- 查看
package.json的scripts段，确保start命令为react-scripts start，无自定义路径配置 - 检查项目根目录
public/index.html，确认是React默认模板，未被替换为其他内容
4. 重新安装项目依赖
虽然已确认启动目录，但依赖损坏也可能导致异常：
- 执行
pwd命令，确认当前目录为/Users/username/Documents/my-app - 删除
node_modules文件夹和package-lock.json文件 - 重新执行
npm install，完成后启动服务npm start
5. 检查本地服务器（如Apache）配置
若macOS运行了自带Apache或其他本地服务器，可能存在虚拟主机指向ID-Wallet目录：
- 执行
sudo apachectl stop关闭Apache服务 - 重新启动React服务，验证页面是否正常显示
内容的提问来源于stack exchange，提问作者AsianDora
相关产品推荐
相关产品推荐
