VS Code调试HTML报错：crbug/1173575及端口连接拒绝如何排查？

一、crbug/1173575, non-JS module files deprecated 错误处理 #

• 先查HTML标签：这个错误是Chrome内核不认可非JS文件使用模块模式加载，比如你给CSS的<link>标签加了type="module"，直接删掉这个属性就行——type="module"仅适用于JS脚本文件。
• 检查插件设置：如果用了Live Server这类插件，去插件设置里看看有没有强制开启模块模式的选项，有的话关掉，重置成默认配置即可。
• 清理浏览器缓存：旧缓存可能打乱加载逻辑，按Ctrl+Shift+Delete（Windows）或Cmd+Shift+Delete（Mac）打开Chrome的缓存清理界面，勾选缓存文件删除后，重新运行HTML。

二、端口连接被拒绝问题处理 #

• 检查端口占用：打开命令提示符（Windows）或终端（Mac/Linux），执行netstat -ano | findstr :<你的端口号>（Windows）或lsof -i :<你的端口号>（Mac/Linux），如果显示有进程占用该端口，要么杀掉对应进程，要么在VS Code的服务器插件里更换端口。
• 确认服务器插件状态：比如Live Server，看VS Code右下角状态栏的"Go Live"按钮是否正常显示，要是状态异常就重启插件，实在不行卸载重装一遍。
• 排查防火墙拦截：Windows防火墙或第三方杀毒软件可能阻止了VS Code的端口连接，先临时关闭试试，要是能正常连接了，就给VS Code添加防火墙允许规则。
• 检查hosts文件配置：打开C:\Windows\System32\drivers\etc\hosts（Windows）或/etc/hosts（Mac/Linux），确保localhost指向的是127.0.0.1和::1，没有被修改为错误IP。

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