UPDATE:
为您firebase_core
版本似乎足以通过FirebaseOptions
一旦你在flutter代码中初始化了firebase(并且你的代码中不需要任何脚本标签)index.html
):
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp(
// Replace with actual values
options: FirebaseOptions(
apiKey: "XXX",
appId: "XXX",
messagingSenderId: "XXX",
projectId: "XXX",
),
);
runApp(MyApp());
}
或者,也可以遵循更新的官方文档 https://firebase.flutter.dev/docs/cli/并使用 Firebase CLI 自动创建firebase_options.dart
文件在你的lib
将定义正确的文件夹FirebaseOptions
为你。步骤是:
- 安装 Flutterfire CLI:
dart pub global activate flutterfire_cli
- 配置 Flutterfire(在项目的根目录中运行并通过向导选择正确的 Firebase 项目和目标平台):
flutterfire configure
- 导入自动生成的
firebase_options.dart
文件在你的main.dart
文件并初始化Firebase
如下:
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp(
options: DefaultFirebaseOptions.currentPlatform,
);
runApp(MyApp());
}
以前的答案:
来自docs https://firebase.flutter.dev/docs/installation/web/:
当前将 Firebase SDK 添加到 Flutter Web 项目的唯一方法是从 Firebase 内容分发网络 (CDN) 导入脚本。
因此,请尝试使用脚本标签导入相关版本的firebase组件8.6.1
如下图所示(更多信息here https://github.com/FirebaseExtended/flutterfire/issues/6967):
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-analytics.js"></script>
<script>
var firebaseConfig = {
apiKey: "xxx",
authDomain: "xxx",
projectId: "xx",
storageBucket: "exxx",
messagingSenderId: "xxx",
appId: "xxx",
measurementId: "xxx"
};
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>