VS Code调试JavaScript时出现IIS错误及服务器报错问题求助

你遇到的错误提示如下：

无法读取chrome-error://chromewebdata/的source map：来自chrome-error://chromewebdata/neterror.rollup.js.map的意外503响应：不支持协议"chrome-error:"

核心问题原因 #

本质是本地8080端口没有运行对应的Web服务，导致Chrome打开http://localhost:8080时跳转到错误页面，VS Code调试器尝试读取该错误页面的Source Map时，不支持chrome-error:协议，从而抛出上述错误。你提到的"IIS错误"属于误导，实际和IIS无关，是Chrome错误页面的Source Map读取问题。

具体解决步骤 #

• 确认8080端口是否有服务运行
  打开命令提示符，执行命令：

  netstat -ano | findstr ":8080"
  

  若没有返回结果，说明无服务监听8080端口，需启动你的Web服务（比如Node.js开发服务器、IIS Express站点等）。
• 检查Web服务配置（若用IIS托管）
  若使用IIS作为服务器，需确保：
  • 站点已绑定到8080端口
  • 站点处于启动状态
• 调整launch.json配置
  针对调试器读取错误页面Source Map的问题，可在Chrome配置中添加跳过规则，同时确认端口和根目录正确：

  {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}",
      "skipFiles": ["chrome-error://*"] // 跳过错误页面的文件，避免触发Source Map读取错误
  }
  

  注意：url中的端口必须和你的实际服务端口一致，webRoot要指向项目的根目录（即Web服务的根路径）。

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