Flutter web app & firebase：不能在模块外使用导入语句

Question

我想将 firebase 连接到我的 flutter web 应用程序。 我遵循了 web 上的所有解决方案，官方和建议。

我的 flutter 版本：Flutter 2.6.0-12.0.pre.522

我在控制台中总是出现此错误：

Uncaught SyntaxError: Cannot use import statement outside a module

来自 build/web 的 index.html 中的代码：（我的 firebase 版本：9.21.0）

<body>
<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-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-storage.js"></script>
<script>
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
const firebaseConfig = {
   apiKey: "",
   authDomain: "",
   projectId: "",
   storageBucket: "",
   messagingSenderId: "",
   appId: ""
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
</script>

主要.dart

import 'package:firebase_core/firebase_core.dart';
Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await Firebase.initializeApp();
   runApp(MyApp());
}

firebase 文件夹只有一个 hosting.(numbers).cache

firebase.json：

{"hosting": {
"public": "build/web",
"ignore": [
"firebase.json",
   "**/.*",
   "**/node_modules/**"
],
"rewrites": [
   {
      "source": "**",
      "destination": "/index.html"
   }
]
}
}

和我的酒吧规格 yaml：

dependencies:
   flutter:
      sdk: flutter
   firebase_core: ^1.8.0
   firebase_auth: ^3.1.4

Answer 1

我遇到了同样的问题，但我通过使用以下更新的方法解决了它。 （我用的是最新的package。）
看起来有些脚本标签不再需要了。
https://firebase.flutter.dev/docs/overview
https://firebase.flutter.dev/docs/manual-installation/

配置信息放入

Firebase.initializeApp (options: FirebaseOptions(...))

在 dart 代码端。

Flutter web app & firebase：不能在模块外使用导入语句

问题描述

1 个解决方案

解决方案1
0 2022-03-10 08:45:41

Flutter web app & firebase：不能在模块外使用导入语句

问题描述

1 个解决方案

解决方案1 0 2022-03-10 08:45:41

解决方案1
0 2022-03-10 08:45:41