Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app). at Object.f [as app] (https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js:1:16867)

bgwissam commented 3 years ago

Trying to build flutterFire web app is always causing the same error. Below is my index.html and main.dart files that are handling the initialization of the app.

Steps to reproduce

Index.html file

Steps to reproduce the behavior:

<meta charset="UTF-8" />
<meta content="IE=Edge" http-equiv="X-UA-Compatible" />
<meta name="description" content="A new Flutter project." />

<!-- 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="web_product_unitrade" />
<link rel="apple-touch-icon" href="icons/Icon-192.png" />

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

<title>web_product_unitrade</title>
<link rel="manifest" href="manifest.json" />
<script>
  if ("serviceWorker" in navigator) {
    window.addEventListener("flutter-first-frame", function () {
      navigator.serviceWorker.register("flutter_service_worker.js");
    });
  }
</script>
<!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>

<!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-analytics.js"></script>

<!-- Add Firebase products that you want to use -->
<script src="https://www.gstatic.com/firebasejs/7.8.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-storage.js"></script>
<!-- <script src="/lib/configuration/firebase-config.js"></script> -->

<script type="module">
  // import { firebaseConfig } from "/lib/configuration/firebase-config.js";
  // Initialize Firebase
  var firebaseConfig = {
  //data removed for security reasons
  };

  firebase.initializeApp(firebaseConfig);
  //firebase.analytics();
</script>

<script src="main.dart.js" type="application/javascript"></script>

main.dart

Future main() async {
// WidgetsFlutterBinding.ensureInitialized();
// await Firebase.initializeApp();
// developer.log('${Firebase.apps.length}', name: 'main.dart');
// FlutterError.onError = (FlutterErrorDetails details) {
// FlutterError.dumpErrorToConsole(details);
// };
runApp(App());
}

class App extends StatefulWidget {
_AppState createState() => _AppState();
}

class _AppState extends State {
final Future _initialization = Firebase.initializeApp();

@override
Widget build(BuildContext context) {
return FutureBuilder(
future: _initialization,
builder: (context, snapshot) {
if (snapshot.hasError) {
return Container(
child: Text('An Error Occurred'),
);
}
if (snapshot.connectionState == ConnectionState.done) {
return StreamProvider.value(
value: AuthService().user,
child: MaterialApp(
title: MAIN_TITLE,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.amber,
accentColor: Colors.amber[200]),
home: MyHomePage(
title: HOME_PAGE,
),
routes: <String, WidgetBuilder>{
'/home': (BuildContext context) => new Wrapper(),
},
),
);
}
return MaterialApp(
title: MAIN_TITLE,
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.red, accentColor: Colors.red[200]),
home: Loading(),
);
});
}
}

Expected behavior

When running the web app in debug mode, it works properly without any errors, when running in release mode the above error is always showing. I need to find a way to get a more detailed error in release mode to know exactly what's causing the issue?

Flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, 1.26.0-1.0.pre, on Microsoft Windows [Version 10.0.18363.1256], locale en-US)       
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 4.1.0)
[√] IntelliJ IDEA Community Edition (version 2019.2)
[√] IntelliJ IDEA Community Edition (version 2020.1)
[√] IntelliJ IDEA Ultimate Edition (version 2020.2)
[√] VS Code (version 1.52.1)
[√] Connected device (1 available)

• No issues found!

Flutter dependencies

Run flutter pub deps -- --style=compact and paste the output below:

Click To Expand

markusaksli-nc commented 3 years ago

Hi @bgwissam Does it also not work if you use the recommended version 7.20.0 JS SDK imports in index.html? Thank you

bgwissam commented 3 years ago

Hi @bgwissam Does it also not work if you use the recommended version 7.20.0 JS SDK imports in index.html? Thank you

Hi @markusaksli-nc yes, I tried changing the version to 7.20.0 and I did try other versions as well, but the same issue is still happening. The problem is that main.dart class isn't executing is not executed in the deployed state. I think running the webpage isn't passing the index.html file.

I've been trying to find a way to get a more detailed error from the scripts in index.html but so far not successful, let me know if there's a way?

bgwissam commented 3 years ago

The issue was with the flutter sdk, I downloaded a new sdk and re-created the project.

firebase / flutterfire