You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Live Server及实时预览服务故障:网站无法加载求助

解决Live Server实时预览加载失败的排查步骤
  • 检查端口占用
    打开终端/命令提示符,运行对应命令查看Live Server默认端口(通常是5500)是否被占用:
    Windows:netstat -ano | findstr :5500
    Mac/Linux:lsof -i :5500
    若发现占用,结束对应进程,或在VSCode的Live Server设置中修改端口号。

  • 验证hosts文件配置
    打开系统hosts文件:
    Windows:C:\Windows\System32\drivers\etc\hosts
    Mac/Linux:/etc/hosts
    确保存在且未被注释以下两行:

    127.0.0.1 localhost
    ::1 localhost
    
  • 临时关闭安全软件拦截
    暂时关闭系统防火墙、杀毒软件等安全工具,重新启动Live Server测试。若恢复正常,将Live Server添加到安全软件白名单。

  • 核对Live Server设置
    在VSCode设置中搜索Live Server:

    • 确认Server: Root指向正确的项目根目录,路径避免包含中文或特殊字符
    • 检查Server: Custom Browser是否配置了有效浏览器路径,或切换为系统默认浏览器重试
  • 测试本地文件直接访问
    在浏览器地址栏输入file:///[你的项目文件绝对路径](例如file:///Users/xxx/Projects/index.html),若本地文件也无法加载,排查HTML/CSS/JS文件是否存在语法错误导致页面崩溃。

内容的提问来源于stack exchange,提问作者Marko Hazenauer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.20 03:27:09