Flutter Web集成Firebase报错：No module for dart_sdk.js

安全阿岳

2026-8-19

Flutter Web Firebase初始化报错“Locations: No module for http://localhost:53xxx/dart_sdk.js”解决方案

以下是针对该问题的几种有效排查和解决方法：

确认Firebase Web配置与SDK引入正确
必须在web/index.html中正确引入Firebase JS SDK，并确保配置信息和Firebase控制台完全匹配。在<body>标签内添加类似代码（替换为你的项目实际配置）：

<!-- 核心Firebase SDK -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app.js"></script>
<!-- 按需引入所需的Firebase产品SDK -->
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-firestore.js"></script>

同时确保initializeApp时传入正确的Web端配置，可直接在代码中指定：

await Firebase.initializeApp(
  options: const FirebaseOptions(
    apiKey: "你的API_KEY",
    authDomain: "你的AUTH_DOMAIN",
    projectId: "你的PROJECT_ID",
    storageBucket: "你的STORAGE_BUCKET",
    messagingSenderId: "你的SENDER_ID",
    appId: "你的APP_ID",
  ),
);

清理缓存并重建Web项目
缓存异常可能导致资源加载失败，执行以下命令重置项目：
```
flutter clean
flutter pub get
flutter build web --release
```
完成后用flutter run -d chrome重新启动调试。
固定Web调试端口
随机端口可能引发资源路径匹配问题，在VS Code的launch.json中添加固定端口配置：
```
{
  "name": "Flutter Web",
  "request": "launch",
  "type": "dart",
  "args": ["--web-port", "53000"]
}
```
重启调试后确认端口一致，且http://localhost:53000/dart_sdk.js可正常访问。
调整Firebase依赖版本
部分版本的Firebase Flutter插件与Web SDK存在兼容性冲突，可在pubspec.yaml中锁定稳定版本：
```
firebase_core: ^2.15.0
# 其他Firebase插件同步调整为对应兼容版本
```
执行flutter pub get后重新测试。