FlutterでFirebaseを利用してます。
iOSとAndroidでは正常にイニシャライズ出来ているのに、ウェブ版ではイニシャライズに失敗したと出ます。
Firebase CLIを用いて初期設定をしました。
StreamBuilder
にstream
を追加することでエラーになるようです。
よろしくお願いします。
エラーメッセージ:
══╡ 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!