flutter no firebase app default has been createdの解決方法

Question

解決したいこと

• FlutterからFirestoreデータの読み書きを行いたい

困っていること

• main.dartからFireStoreにアクセスしようとするとエラー「flutter no firebase app default has been created」が発生する

試したこと

• main関数内でFirebase.initializeApp()を呼び出す　→　改善せず
• Flutterのアプリを1から構築し、FireStoreにアクセスするコードだけを書いてみた　→　改善せず
• main関数の戻り値をvoidではなくFuture<void>に変更　→　改善せず

推測

• 下記コード内のmain.dartの通り、Firebase.initializeApp()の前後に出力文を挟むとhogeのみ出力される
• fugaは出力されず、例外「flutter no firebase app default has been created」が発生する

以上より、Flutter.initializeApp()自体がこの例外を引き起こしているように見えます。
初期化を呼び出さなくても同一例外が発生し、初期化を呼び出しても状況は改善されません。
初期化メソッド自体が同じ例外を投げてきます。

コード

#pubpsec.yml
  cupertino_icons: ^1.0.2
  firebase_core: ^1.10.0
  cloud_firestore: ^3.1.0

<!-- index.html -->
    <script type="module">
      import { initializeApp } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js";

      const firebaseConfig = {
        apiKey: "XXX",
        authDomain: "XXXX",
        projectId: "XXXX",
        storageBucket: "XXXX",
        messagingSenderId: "XXXX",
        appId: "XXXX"
      };
    
      // Initialize Firebase
      const app = initializeApp(firebaseConfig);
    </script>

//main.dart（抜粋）
Future<void> main() async {
  print("hoge");
  // Fireabse初期化
  Firebase.initializeApp();
  print("fuga");
  runApp(MyApp());
}

どなたか、お助けいただけると嬉しいです！

Answer 1

自分の場合ですが、同様のエラーが起きた時に

main() async {
  WidgetsFlutterBinding.ensureInitialized();//追加
  // Fireabse初期化
  //Firebase.initializeApp();//これはrunAppの中で実行する為にMyAppの中に移動
  runApp(MyApp());
}

という感じの対処をした覚えがあります。

https://api.flutter.dev/flutter/widgets/WidgetsFlutterBinding/ensureInitialized.html

Comments

[bowtin]

早速ありがとうございます！！
mainでinitializeAppを呼ぶのではなく、ensureだけしておいてあとから呼び出す感じですね。

```dart
Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized(); //追加
// Fireabse初期化
// await Firebase.initializeApp();
runApp(MyApp());
}
```

```dart
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;

void initializeFirebaseApp() async {
print("hoge");
await Firebase.initializeApp();
print("fuga");
}

Widget build(BuildContext context) {
initializeFirebaseApp();
return Scaffold(/* 省略 */);
}

}
```

やはり、```hoge```のみ出力されるためそもそもinitializeApp()で例外吐いている気がしますね...。
せっかく回答頂いたのにすみません。。。

[hentaiman]

firebaseと関係あるのかどうかすら覚えてないのですが、回答したもの以外だと、最新バージョンのパッケージだとエラーが出てバージョン下げたらエラーが出なくなったって事もあります
この情報が役に立つかは分かりませんが

[bowtin]

お付き合いいただきありがとうございます。

このあたりのバージョンまで下げてみましたが、特に変わらず・・・。
firebase_core: ^1.9.0
cloud_firestore: ^2.5.0

過去に類似にものを開発したことがあるので、思い切って当時のバージョンまで落としてみました。
こちらも特に変わらずでした。
firebase_core: ^0.5.0
cloud_firestore: ^0.14.0

なお、過去に開発した類似プロジェクトのほうはFirebase Hostingでホストしていたのですが、そちらもシレッといつの間に動かなくなっていました....。

Answer 2

解決しました。

  <script>
    import { initializeApp } from "firebase/app";
    // Import the functions you need from the SDKs you need
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries
  
    // Your web app's Firebase configuration
    const firebaseConfig = {
      apiKey: "XXX",
      authDomain: "XXX",
      projectId: "XXX",
      storageBucket: "XXX",
      messagingSenderId: "XXX",
      appId: "XXX"
    };
  
    // Initialize Firebase
    const app = firebase.initializeApp(firebaseConfig);
  </script>

index.htmlにこのような記載をしていました。これはFirebaseでアプリを一つ作成すると、これを貼り付けろと言われるスニペットです。

結論として先頭行のimport { initializeApp } from "firebase/app"が不要でした。
これのせいでDart側で書いているFirebase.initializeApp()と併せて二重にinitializeされていたことが原因のようでした。

ならば何故Dart側でinitialzeをしていない時にinitializeされていない扱いだったのか...それはよくわかりません。

イマイチ腑に落ちないのと、理解として正しいのかは確実でないですが改善はしました。
お騒がせしました。