导入pypsa使用pycript后VS Code运行Live Server报错求助

• 端口占用冲突：PyPSA的交互式可视化模块、Pycript本地预览功能启动时，会默认占用Live Server的默认服务端口5500，且Python相关进程异常终止时不会主动释放端口，残留的后台进程会直接阻断Live Server的启动流程。
• 服务根目录识别错误：Live Server默认以VS Code当前打开的工作区根目录作为服务启动根目录，如果当前工作区定位在PyPSA/Pycript的Python脚本存放目录，没有对应可预览的web入口文件，或是目录下存在大量Python缓存、编译临时文件，Live Server扫描资源时会因MIME类型匹配失败抛出错误。
• 资源路径不匹配：Pycript导出静态资源时如果默认使用本地绝对路径引用，和Live Server的本地路由规则不兼容，会触发资源加载失败、跨域类报错。

• 清理占用端口的残留进程
  Windows系统打开终端执行以下命令，先查询占用5500端口的进程PID：

  netstat -ano | findstr :5500
  

  拿到返回结果里的PID数字后，执行命令强制终止进程（把<你的PID>替换成查到的实际数字）：

  taskkill /PID <你的PID> /F
  

  Mac/Linux系统先执行命令查占用进程：

  lsof -i :5500
  

  查到PID后执行终止命令：

  kill -9 <你的PID>
  

• 调整Live Server基础配置
  打开VS Code设置面板，搜索Live Server配置项：
  • 将默认服务端口从5500修改为未被占用的端口（比如5501、8080均可）
  • 将Root配置项修改为你需要预览的前端HTML文件所在的具体文件夹，不要直接选中包含Python脚本、Py项目依赖的上层目录，避免服务扫描非web类资源
  • 勾选Use Local IP选项，规避本地路由解析异常
• 校准Pycript导出规则
  调整Pycript的导出配置，将资源引用方式从绝对路径改为相对路径，导出静态文件时统一输出到你刚才设置的Live Server服务根目录下，避免路由匹配失败。
• 操作顺序调整：后续使用时先启动Live Server服务，再运行PyPSA可视化、Pycript编译相关操作，避免Python服务提前抢占端口。

内容的提问来源于stack exchange，提问作者김대원