VS Code使用Chrome调试Flutter应用报错crbug/1173575无法启动

报错中文释义：crbug/1173575，非JavaScript模块文件已弃用

问题根因&对应解决方法 #

• 端口冲突导致调试失败

默认Flutter Web调试会尝试占用8080端口，若该端口被其他进程占用，就会出现跳转后无法加载应用、抛出该报错的情况。
解决步骤：

1. 命令行启动调试时，手动指定未被占用的端口，执行命令：flutter run -d chrome --web-port 8081，可将8081替换为任意空闲端口
2. 若要在VS Code中固定调试端口，打开项目下的.vscode/launch.json文件，在Flutter调试配置中添加端口参数即可，参考配置如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Flutter (Chrome)",
      "request": "launch",
      "type": "dart",
      "args": ["--web-port", "8081"]
    }
  ]
}

• 浏览器缓存异常

Chrome本地缓存的旧调试资源与新编译的资源冲突也会触发该报错。
解决方法：打开Chrome的「清除浏览数据」面板，选择清除「Cookie及其他网站数据」「缓存的图片和文件」，重启Chrome后重新启动调试即可。

• 项目编译缓存损坏

Flutter项目本地编译缓存异常会导致Web产物生成错误。
解决方法：依次执行以下命令清理项目缓存、重新拉取依赖后再启动调试：

flutter clean
flutter pub get

• 插件版本兼容问题

VS Code中安装的Dart、Flutter插件版本过旧或存在兼容问题也会引发该异常。
解决方法：打开VS Code扩展面板，找到Dart、Flutter插件，升级到最新稳定版本后重启VS Code即可。 #

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