{"id":1142,"date":"2022-03-27T01:26:19","date_gmt":"2022-03-27T00:26:19","guid":{"rendered":"https:\/\/fileidea.com\/?p=1142"},"modified":"2022-08-20T11:26:20","modified_gmt":"2022-08-20T09:26:20","slug":"error-in-flutter-firebaseoptions-cannot-be-null-when-creating-the-default-app","status":"publish","type":"post","link":"https:\/\/fileidea.com\/2022\/03\/27\/error-in-flutter-firebaseoptions-cannot-be-null-when-creating-the-default-app\/","title":{"rendered":"Error In Flutter: FirebaseOptions cannot be null when creating the default app."},"content":{"rendered":"\n

If you have stumbled upon this error: “FirebaseOptions cannot be null when creating the default app”. From what I can tell I see that there can be a few different issues. <\/p>\n\n\n\n

One of them is that you are using a lower version of Flutter which have the requirement of the function of Firebase.initializeApp() to pass the options into the initializeApp function which you’ve simply forgot.<\/p>\n\n\n\n

Another issue is that you have placed the google-services.json file in the wrong directory. It should be inside the android app folder, like so android\\app<\/strong>. Could also be an issue of not adding dependency google services to build.gradle (both in android\/app folder and in android folder) like shown at the tutorial here<\/a>.<\/p>\n\n\n\n

Third one, and it’s specifically for flutter web, that is to say, I got the error and the only solution for the error to disappear and it would work as expected was to replace the index.html file contents with the example from a stackoverflow post here<\/a>. See similar code below from my index.html<\/strong> file:<\/p>\n\n\n

\n<!DOCTYPE html>\n<html>\n\n<head>\n  <!--\n    If you are serving your web app in a path other than the root, change the\n    href value below to reflect the base path you are serving from.\n    The path provided below has to start and end with a slash "\/" in order for\n    it to work correctly.\n    Fore more details:\n    * https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/base\n  -->\n  <base href="\/">\n\n  <meta charset="UTF-8">\n  <meta content="IE=Edge" http-equiv="X-UA-Compatible">\n  <meta name="description" content="A new Flutter project.">\n\n  <!-- iOS meta tags & icons -->\n  <meta name="apple-mobile-web-app-capable" content="yes">\n  <meta name="apple-mobile-web-app-status-bar-style" content="black">\n  <meta name="apple-mobile-web-app-title" content="chat">\n  <link rel="apple-touch-icon" href="icons\/Icon-192.png">\n\n  <!-- Favicon -->\n  <link rel="icon" type="image\/png" href="favicon.png" \/>\n\n  <title>chat<\/title>\n  <link rel="manifest" href="manifest.json">\n<\/head>\n\n<body>\n  <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->\n\n  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->\n  <script src="https:\/\/www.gstatic.com\/firebasejs\/8.4.3\/firebase-app.js"><\/script>\n\n  <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->\n  <script src="https:\/\/www.gstatic.com\/firebasejs\/8.4.3\/firebase-analytics.js"><\/script>\n\n  <!-- Add Firebase products that you want to use -->\n  <script src="https:\/\/www.gstatic.com\/firebasejs\/8.4.3\/firebase-auth.js"><\/script>\n  <script src="https:\/\/www.gstatic.com\/firebasejs\/8.4.3\/firebase-firestore.js"><\/script>\n  <!-- This script installs service_worker.js to provide PWA functionality to\n       application. For more information, see:\n       https:\/\/developers.google.com\/web\/fundamentals\/primers\/service-workers -->\n  <script>\n    \/\/ TODO: Replace the following with your app's Firebase project configuration\n    \/\/ For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field\n    var firebaseConfig = {\n      apiKey: "x",\n      authDomain: "mything.firebaseapp.com",\n      projectId: "mything",\n      storageBucket: "mything.appspot.com",\n      messagingSenderId: "x",\n      appId: "x.",\n      measurementId: "x"\n    };\n\n    \/\/ Initialize Firebase\n    firebase.initializeApp(firebaseConfig);\n  <\/script>\n  <script>\n    if ('serviceWorker' in navigator) {\n      window.addEventListener('flutter-first-frame', function () {\n        navigator.serviceWorker.register('flutter_service_worker.js');\n      });\n    }\n  <\/script>\n\n  <script src="main.dart.js" type="application\/javascript"><\/script>\n<\/body>\n\n<\/html>\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"
If you have stumbled upon this error: “FirebaseOptions cannot be null when creating the default app”. From what I can tell I see that there can be a few different issues. One of them is that you are using a lower version of Flutter which have the requirement of the function of Firebase.initializeApp() to pass … <\/p>\n
Continue reading “Error In Flutter: FirebaseOptions cannot be null when creating the default app.”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,19],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts\/1142"}],"collection":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/comments?post=1142"}],"version-history":[{"count":4,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts\/1142\/revisions"}],"predecessor-version":[{"id":1218,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/posts\/1142\/revisions\/1218"}],"wp:attachment":[{"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/media?parent=1142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/categories?post=1142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fileidea.com\/wp-json\/wp\/v2\/tags?post=1142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}