0

FlutterでFirebaseを利用してます。
iOSとAndroidでは正常にイニシャライズ出来ているのに、ウェブ版ではイニシャライズに失敗したと出ます。
Firebase CLIを用いて初期設定をしました。
StreamBuilderstreamを追加することでエラーになるようです。
よろしくお願いします。

エラーメッセージ:

══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following FirebaseException was thrown building App(dirty):
[core/no-app] No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp()

The relevant error-causing widget was:
  App App:file:///Users/username/Documents/Codes/Dart/googlesignin/lib/main.dart:18:16

When the exception was thrown, this was the stack:
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 251:49  throw_
packages/firebase_core_web/src/firebase_core_web.dart 269:9                   app
packages/firebase_core/src/firebase.dart 53:41                                app
packages/firebase_auth/src/firebase_auth.dart 38:47                           get instance
packages/googlesignin/main.dart 29:39                                         build
packages/flutter/src/widgets/framework.dart 4876:22                           build
packages/flutter/src/widgets/framework.dart 4806:15                           performRebuild
packages/flutter/src/widgets/framework.dart 4529:5                            rebuild
packages/flutter/src/widgets/framework.dart 4787:5                            [_firstBuild]
packages/flutter/src/widgets/framework.dart 4781:5                            mount
packages/flutter/src/widgets/framework.dart 3817:15                           inflateWidget
packages/flutter/src/widgets/framework.dart 3551:18                           updateChild
packages/flutter/src/widgets/binding.dart 1202:16                             [_rebuild]
packages/flutter/src/widgets/binding.dart 1171:5                              mount
packages/flutter/src/widgets/binding.dart 1119:16                             <fn>
packages/flutter/src/widgets/framework.dart 2597:19                           buildScope
packages/flutter/src/widgets/binding.dart 1118:12                             attachToRenderTree
packages/flutter/src/widgets/binding.dart 952:24                              attachRootWidget
packages/flutter/src/widgets/binding.dart 933:7                               <fn>
dart-sdk/lib/_internal/js_dev_runtime/private/isolate_helper.dart 48:19       internalCallback

════════════════════════════════════════════════════════════════════════════════════════════════════

main.dart:

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_analytics/firebase_analytics.dart';
import 'firebase_options.dart';

import 'Pages/home.dart';
import 'Pages/login.dart';
import 'Pages/StatusPages/load.dart';
import 'package:googlesignin/Pages/StatusPages/error.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    name: 'LoginTestForGoogle',
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const App());
}

class App extends StatelessWidget {
  const App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Google Sign In Test',
      home: StreamBuilder(
        stream: FirebaseAuth.instance.authStateChanges(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            debugPrint('ロード中');
            return LoadPage();
          }
          if (snapshot.hasData) {
            debugPrint('ログイン中');
            return HomePage();
          }
          if (snapshot.hasError) {
            debugPrint('ログインエラー');
            return ErrorPage();
          } else {
            debugPrint('ログアウト中');
            return LoginPage();
          }
        },
      ),
    );
  }
}

index.html

<!DOCTYPE html>
<html>
<head>
  <!--
    If you are serving your web app in a path other than the root, change the
    href value below to reflect the base path you are serving from.

    The path provided below has to start and end with a slash "/" in order for
    it to work correctly.

    For more details:
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

    This is a placeholder for base href that will be replaced by the value of
    the `--base-href` argument provided to `flutter build`.
  -->
  <base href="$FLUTTER_BASE_HREF">

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="A project to test Google Sign In.">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="googlesignin">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="favicon.png"/>

  <title>googlesignin</title>
  <link rel="manifest" href="manifest.json">

  <script>
    // The value below is injected by flutter build, do not touch.
    var serviceWorkerVersion = null;
  </script>
  <!-- This script adds the flutter initialization JS code -->
  <script src="flutter.js" defer></script>

  <meta name="google-signin-client_id" content="XXXXX.apps.googleusercontent.com">
</head>
<body>
  <script>
    // Import the functions you need from the SDKs you need
    import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.1/firebase-app.js";
    import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.9.1/firebase-analytics.js";
    // 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
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
    const firebaseConfig = {
      apiKey: "XXXXX",
      authDomain: "XXXXX",
      projectId: "XXXXX",
      storageBucket: "XXXXX",
      messagingSenderId: "XXXXX",
      appId: "XXXXX",
      measurementId: "XXXXX"
    };

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
    const analytics = getAnalytics(app);
  </script>
  <script>
    window.addEventListener('load', function(ev) {
      // Download main.dart.js
      _flutter.loader.loadEntrypoint({
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        }
      }).then(function(engineInitializer) {
        return engineInitializer.initializeEngine();
      }).then(function(appRunner) {
        return appRunner.runApp();
      });
    });
  </script>
</body>
</html>

flutter doctor -v

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.5, on macOS 12.4 21F79 darwin-arm, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0-rc3)
[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.69.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

• No issues found!

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。