问题：

解决方式：

1. 检查服务是否正常启动

• 查看命令行输出：确保命令执行后没有报错（如编译错误、端口占用提示等）。如果存在编译错误，需要先修复代码问题。
• 确认服务启动成功：成功启动时通常会输出 ✔ Webpack compiled successfully 或类似的提示。

2. 检查端口占用

• 0.0.0.0:10086 表示服务监听所有本地IP地址的10086端口，如果端口被其他程序占用，会导致服务无法启动。
• 解决方案：
  • 查找占用端口的进程：

    bash

    复制代码

    # Linux/Mac lsof -i :10086 # Windows netstat -ano | findstr :10086
  • 终止占用进程：

    bash

    复制代码

    # Linux/Mac kill -9 <PID> # Windows（根据输出结果找到PID后通过任务管理器结束进程）

3. 尝试访问 localhost 替代 0.0.0.0

• 直接访问 http://localhost:10086，某些环境下 0.0.0.0 可能无法正确解析。
• 如果 localhost 能访问，可能是系统或网络配置问题（如本地DNS或hosts文件配置异常）。

4. 检查防火墙或安全软件

• 防火墙可能阻止了端口访问：
  • Windows：检查 Windows Defender 防火墙 -> 高级设置，确保10086端口的入站规则被允许。
  • Mac/Linux：检查防火墙配置（如 ufw 或 iptables）。
• 临时关闭防火墙测试（仅用于排查）：

  bash

  复制代码

  # Mac sudo softwareupdate --install-rosetta --agree-to-license sudo /usr/libexec/ApplicationFirewall/socketfilterfw --setglobalstate off # 恢复 sudo /usr/libexec/ApplicationFirewall/socketfilterfw --setglobalstate on

5. 更换开发服务器端口

• 在Taro配置文件中手动指定其他端口（如10087）：

  javascript

  复制代码

  // config/dev.js 或 config/index.js export default { h5: { devServer: { port: 10087, // 修改为其他端口 }, }, };
• 重新运行命令后访问 http://localhost:10087。

6. 清除缓存并重新构建

• 删除 node_modules/.cache 目录和 dist 目录，重新运行命令：

  bash

  复制代码

  rm -rf node_modules/.cache dist npm run dev:h5

7. 检查环境变量和依赖

• 环境变量冲突：尝试去掉 CLIENT_ENV=h5 MEASURE=true 直接运行：

  bash

  复制代码

  taro build --type h5 -- --watch
• 依赖问题：确保所有依赖已正确安装：

  bash

  复制代码

  rm -rf node_modules npm install

8. 检查网络代理

• 如果你使用了网络代理工具（如Charles、Fiddler），尝试关闭代理或配置代理白名单。
• 检查浏览器是否启用了代理插件（如SwitchyOmega）。