🐛 [firebase_core] Problems starting firebase on the web

PhyresiCompany commented 1 year ago

Bug report

Describe the bug In my Android version, everything works fine. I'm only experiencing problems in the web version.

await Firebase.initializeApp(options: MyFirbaseOptions.currentPlatform());

When I initialize Firebase on the web, I get an error like this:

Exception has occurred.
"Error: Expected a value of type 'Object', but got one of type 'Null'
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 294:49      throw_
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 127:3       castError
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 742:12  cast
dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 78:24                 as
packages/firebase_core_web/src/firebase_core_web.dart 87:20                       get [_ignoredServiceScripts]
packages/firebase_core_web/src/firebase_core_web.dart 163:28                      _initializeCore
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54                runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 127:5                _async
packages/firebase_core_web/src/firebase_core_web.dart 155:31                      [_initializeCore]
packages/firebase_core_web/src/firebase_core_web.dart 197:11                      initializeApp
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54                runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 127:5                _async
packages/firebase_core_web/src/firebase_core_web.dart 193:44                      initializeApp
packages/firebase_core/src/firebase.dart 43:47                                    initializeApp
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54                runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 127:5                _async
packages/firebase_core/src/firebase.dart 39:43                                    initializeApp
packages/imimos/main.dart 15:18                                                   main
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54                runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 127:5                _async
packages/imimos/main.dart 13:10                                                   main$
web_entrypoint.dart 24:31                                                         <fn>
lib/ui_web/ui_web/initialization.dart 41:15                                       <fn>
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 45:50                <fn>
dart-sdk/lib/async/zone.dart 1661:54                                              runUnary
dart-sdk/lib/async/future_impl.dart 156:18                                        handleValue
dart-sdk/lib/async/future_impl.dart 840:44                                        handleValueCallback
dart-sdk/lib/async/future_impl.dart 869:13                                        _propagateToListeners
dart-sdk/lib/async/future_impl.dart 641:5                                         [_completeWithValue]
dart-sdk/lib/async/future_impl.dart 715:7                                         callback
dart-sdk/lib/async/schedule_microtask.dart 40:11                                  _microtaskLoop
dart-sdk/lib/async/schedule_microtask.dart 49:5                                   _startMicrotaskLoop
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 181:15               <fn>
"

Exception has occurred.
"FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app).
https://www.gstatic.com/firebasejs/10.3.1/firebase-app.js 2045:29    getApp
packages/firebase_core_web/src/interop/core.dart 57:69               app$
packages/firebase_core_web/src/firebase_core_web.dart 234:24         initializeApp
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 45:50   <fn>
dart-sdk/lib/async/zone.dart 1661:54                                 runUnary
dart-sdk/lib/async/future_impl.dart 156:18                           handleValue
dart-sdk/lib/async/future_impl.dart 840:44                           handleValueCallback
dart-sdk/lib/async/future_impl.dart 869:13                           _propagateToListeners
dart-sdk/lib/async/future_impl.dart 641:5                            [_completeWithValue]
dart-sdk/lib/async/future.dart 531:22                                <fn>
dart-sdk/lib/async/zone.dart 1661:54                                 runUnary
dart-sdk/lib/async/future_impl.dart 156:18                           handleValue
dart-sdk/lib/async/future_impl.dart 840:44                           handleValueCallback
dart-sdk/lib/async/future_impl.dart 869:13                           _propagateToListeners
dart-sdk/lib/async/future_impl.dart 641:5                            [_completeWithValue]
dart-sdk/lib/async/future_impl.dart 715:7                            callback
dart-sdk/lib/async/schedule_microtask.dart 40:11                     _microtaskLoop
dart-sdk/lib/async/schedule_microtask.dart 49:5                      _startMicrotaskLoop
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 181:15  <fn>
"

My custom class with demo data

class MyFirbaseOptions {
static FirebaseOptions currentPlatform() {
String appId = getAppId();
String apiKey = getApiKey();
return FirebaseOptions(
  apiKey: apiKey,
  appId: appId,
  projectId: "MyProjectId",
  messagingSenderId: "MyMessagingSenderId",
  storageBucket: "MyStorageBucket",
  measurementId: "MyMeasurementId",
);
}

static String getApiKey() {
late String apiKey;

if (isWeb) {
  apiKey = "MyKeyWeb";
} else if (Platform.isAndroid) {
  apiKey = "MyKeyAndroid";
} else if (Platform.isIOS) {
  apiKey = "MyKeyIOS";
}

return apiKey;
}

static String getAppId() {
late String appId;

if (isWeb) {
  appId = "MyAppIDWeb";
} else if (Platform.isAndroid) {
  appId = "MyAppIDAndroid";
} else if (Platform.isIOS) {
  appId = "MyAppIDWebIOS";
}

return appId;
}
}

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

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

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

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

<!-- Croppie -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.5/croppie.css" />
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/croppie/2.6.5/croppie.min.js"></script>

<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/10.5.0/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.5.0/firebase-firestore.js"></script>
</head>
<body>
<script>
window.addEventListener('load', function(ev) {
  // Download main.dart.js
  _flutter.loader.loadEntrypoint({
    serviceWorker: {
      serviceWorkerVersion: serviceWorkerVersion,
    },
    onEntrypointLoaded: function(engineInitializer) {
      engineInitializer.initializeEngine().then(function(appRunner) {
        appRunner.runApp();
      });
    }
  });
});
</script>
</body>
</html>

Flutter doctor

Run flutter doctor and paste the output below:

Click To Expand

``` Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 3.13.3, on Microsoft Windows [versÆo 10.0.22621.2428], locale pt-BR) [√] Windows Version (Installed version of Windows is version 10 or higher) [√] Android toolchain - develop for Android devices (Android SDK version 34.0.0) [√] Chrome - develop for the web [√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.7.3) [√] Android Studio (version 2022.3) [√] VS Code (version 1.83.1) [√] Connected device (4 available) [√] Network resources • No issues found! ```

Flutter dependencies

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

Click To Expand

``` Dart SDK 3.1.1 Flutter SDK 3.13.3 imimos 1.0.0+1 dependencies: - cloud_firestore 4.9.3 [cloud_firestore_platform_interface cloud_firestore_web collection firebase_core firebase_core_platform_interface flutter meta] - cupertino_icons 1.0.6 - device_info_plus 9.0.3 [device_info_plus_platform_interface ffi file flutter flutter_web_plugins meta win32 win32_registry] - firebase_auth 4.10.1 [firebase_auth_platform_interface firebase_auth_web firebase_core firebase_core_platform_interface flutter meta] - firebase_core 2.17.0 [firebase_core_platform_interface firebase_core_web flutter meta] - firebase_database 10.2.7 [firebase_core firebase_core_platform_interface firebase_database_platform_interface firebase_database_web flutter] - firebase_storage 11.2.8 [firebase_core firebase_core_platform_interface firebase_storage_platform_interface firebase_storage_web flutter] - flutter 0.0.0 [characters collection material_color_utilities meta vector_math web sky_engine] - fluttertoast 8.2.2 [flutter flutter_web_plugins] - google_sign_in 6.1.5 [flutter google_sign_in_android google_sign_in_ios google_sign_in_platform_interface google_sign_in_web] - google_sign_in_web 0.12.0+5 [flutter flutter_web_plugins google_identity_services_web google_sign_in_platform_interface http js] - image_cropper 5.0.0 [flutter image_cropper_platform_interface image_cropper_for_web] - image_picker 1.0.4 [flutter image_picker_android image_picker_for_web image_picker_ios image_picker_linux image_picker_macos image_picker_platform_interface image_picker_windows] - mask_text_input_formatter 2.5.0 [flutter] - ntp 2.0.0 - page_transition 2.1.0 [flutter] - permission_handler 11.0.1 [flutter meta permission_handler_android permission_handler_apple permission_handler_windows permission_handler_platform_interface] - permission_handler_web 0.0.2 [flutter flutter_web_plugins permission_handler_platform_interface] dev dependencies: - flutter_lints 2.0.3 [lints] - flutter_test 0.0.0 [flutter test_api matcher path fake_async clock stack_trace vector_math async boolean_selector characters collection material_color_utilities meta source_span stream_channel string_scanner term_glyph web] transitive dependencies: - _fe_analyzer_shared 61.0.0 [meta] - _flutterfire_internals 1.3.7 [collection firebase_core firebase_core_platform_interface flutter meta] - analyzer 5.13.0 [_fe_analyzer_shared collection convert crypto glob meta package_config path pub_semver source_span watcher yaml] - args 2.4.2 - async 2.11.0 [collection meta] - boolean_selector 2.1.1 [source_span string_scanner] - characters 1.3.0 - clock 1.1.1 - cloud_firestore_platform_interface 5.16.2 [_flutterfire_internals collection firebase_core flutter meta plugin_platform_interface] - cloud_firestore_web 3.7.2 [_flutterfire_internals cloud_firestore_platform_interface collection firebase_core firebase_core_web flutter flutter_web_plugins js] - collection 1.17.2 - convert 3.1.1 [typed_data] - cross_file 0.3.3+5 [js meta] - crypto 3.0.3 [typed_data] - device_info_plus_platform_interface 7.0.0 [flutter meta plugin_platform_interface] - fake_async 1.3.1 [clock collection] - ffi 2.1.0 - file 7.0.0 [meta path] - file_selector_linux 0.9.2+1 [cross_file file_selector_platform_interface flutter] - file_selector_macos 0.9.3+3 [cross_file file_selector_platform_interface flutter] - file_selector_platform_interface 2.6.1 [cross_file flutter http plugin_platform_interface] - file_selector_windows 0.9.3+1 [cross_file file_selector_platform_interface flutter] - firebase_auth_platform_interface 6.19.1 [_flutterfire_internals collection firebase_core flutter meta plugin_platform_interface] - firebase_auth_web 5.8.2 [firebase_auth_platform_interface firebase_core firebase_core_web flutter flutter_web_plugins http_parser js meta] - firebase_core_platform_interface 4.8.0 [collection flutter flutter_test meta plugin_platform_interface] - firebase_core_web 2.8.0 [firebase_core_platform_interface flutter flutter_web_plugins js meta] - firebase_database_platform_interface 0.2.5+7 [_flutterfire_internals collection firebase_core flutter meta plugin_platform_interface] - firebase_database_web 0.2.3+7 [firebase_core firebase_core_web firebase_database_platform_interface flutter flutter_web_plugins js] - firebase_storage_platform_interface 4.4.7 [collection firebase_core flutter meta plugin_platform_interface] - firebase_storage_web 3.6.8 [_flutterfire_internals async firebase_core firebase_core_web firebase_storage_platform_interface flutter flutter_web_plugins http js meta] - flutter_plugin_android_lifecycle 2.0.16 [flutter] - flutter_web_plugins 0.0.0 [flutter characters collection material_color_utilities meta vector_math web] - glob 2.1.2 [async collection file path string_scanner] - google_identity_services_web 0.2.1+1 [js meta] - google_sign_in_android 6.1.20 [flutter google_sign_in_platform_interface] - google_sign_in_ios 5.6.4 [flutter google_sign_in_platform_interface pigeon] - google_sign_in_platform_interface 2.4.2 [flutter plugin_platform_interface quiver] - http 1.1.0 [async http_parser meta] - http_parser 4.0.2 [collection source_span string_scanner typed_data] - image_cropper_for_web 3.0.0 [flutter flutter_web_plugins image_cropper_platform_interface js] - image_cropper_platform_interface 5.0.0 [flutter plugin_platform_interface http] - image_picker_android 0.8.8+1 [flutter flutter_plugin_android_lifecycle image_picker_platform_interface] - image_picker_for_web 3.0.1 [flutter flutter_web_plugins image_picker_platform_interface mime] - image_picker_ios 0.8.8+2 [flutter image_picker_platform_interface] - image_picker_linux 0.2.1+1 [file_selector_linux file_selector_platform_interface flutter image_picker_platform_interface] - image_picker_macos 0.2.1+1 [file_selector_macos file_selector_platform_interface flutter image_picker_platform_interface] - image_picker_platform_interface 2.9.1 [cross_file flutter http plugin_platform_interface] - image_picker_windows 0.2.1+1 [file_selector_platform_interface file_selector_windows flutter image_picker_platform_interface] - js 0.6.7 [meta] - lints 2.1.1 - matcher 0.12.16 [async meta stack_trace term_glyph test_api] - material_color_utilities 0.5.0 [collection] - meta 1.9.1 - mime 1.0.4 - package_config 2.1.0 [path] - path 1.8.3 - permission_handler_android 11.0.5 [flutter permission_handler_platform_interface] - permission_handler_apple 9.1.4 [flutter permission_handler_platform_interface] - permission_handler_platform_interface 3.11.5 [flutter meta plugin_platform_interface] - permission_handler_windows 0.1.3 [flutter permission_handler_platform_interface] - pigeon 11.0.1 [analyzer args collection meta path yaml] - plugin_platform_interface 2.1.6 [meta] - pub_semver 2.1.4 [collection meta] - quiver 3.2.1 [matcher] - sky_engine 0.0.99 - source_span 1.10.0 [collection path term_glyph] - stack_trace 1.11.0 [path] - stream_channel 2.1.1 [async] - string_scanner 1.2.0 [source_span] - term_glyph 1.2.1 - test_api 0.6.0 [async boolean_selector collection meta source_span stack_trace stream_channel string_scanner term_glyph] - typed_data 1.3.2 [collection] - vector_math 2.1.4 - watcher 1.1.0 [async path] - web 0.1.4-beta - win32 5.0.9 [ffi] - win32_registry 1.1.2 [ffi win32] - yaml 3.1.2 [collection source_span string_scanner] ```

darshankawar commented 1 year ago

@PhyresiCompany Can you confirm that your web app is properly configured / registered in Firebase console by rerunning flutterfire configure ? Can you also add breakpoints on "Uncaught Exceptions", not "All Exceptions", and check if you get any other exception ?

PhyresiCompany commented 1 year ago

@darshankawar I manually set it up for Android and then for the Web in the Firebase Console, and then I proceeded to implement all the packages and their dependencies in Flutter. I did not use the Firebase Flutter CLI.

And this error only appears when "All Exceptions" is set to true. Captura de Tela (51)

darshankawar commented 1 year ago

@PhyresiCompany You seem to be hitting same error as https://github.com/firebase/flutterfire/issues/11525 and the potential solution is as mentioned here that you can try and check if it works in your case or not. Closing this as a duplicate in favor of the linked issue which is also open currently. If you disagree, write in comments and I'll reopen it.

PhyresiCompany commented 1 year ago

@darshankawar I looked at that issue you mentioned, but I didn't find a solution to my problem in it

firebase / flutterfire