Web app shows white screen in release mode? #7151

olindenbaum · 2021-10-06T17:13:04Z

olindenbaum
Oct 6, 2021

When ran in debug mode the web and android apps work fine. But when ran in production (built) or release mode I get a white screen and the following error.

The [DEFAULT] is the result of the log below.
I have also added a log after initializeApp in index.html to show that It is being created. I have also tried with version 9.1.1

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="SWA App">

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <title>SWA App</title>
  <link rel="manifest" href="manifest.json">
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-auth.js"></script>

  <script type="module">
    const firebaseConfig = {
    };

    // Initialize Firebase

    firebase.initializeApp(firebaseConfig);
    console.log(firebase.app().name);
  </script>
</head>

<body>

  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('flutter_service_worker.js');
      });
    }
  </script>

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

</body>

</html>

I have tried initialising firebase in flutter in 2 different future builders like the guide says:

 final Future<FirebaseApp> _initialization = Firebase.initializeApp();
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
        future: _initialization,

and the other way

void main() {
  Firebase.initializeApp();
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

Any help? I'm assuming it is to do with the index.html file.

Flutter doctor:

[√] Flutter (Channel master, 2.6.0-12.0.pre.222, on Microsoft      
    Windows [Version 10.0.19042.1237], locale en-GB)
    • Flutter version 2.6.0-12.0.pre.222 at C:\flutter
    • Upstream repository https://github.com/flutter/flutter.git   
    • Framework revision ed60103645 (6 hours ago), 2021-10-06      
      06:53:04 -0400
    • Engine revision f967ebb685
    • Dart version 2.15.0 (build 2.15.0-178.0.dev)

[√] Android toolchain - develop for Android devices (Android SDK
    version 30.0.2)
    • Android SDK at C:\Users\Oscar\AppData\Local\Android\sdk   
    • Platform android-30, build-tools 30.0.2
    • Java binary at: C:\Program Files\Android\Android
      Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program
      Files\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 4.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin version 59.0.2
    • Dart plugin version 203.8292
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b01)

[√] IntelliJ IDEA Ultimate Edition (version 2020.3)
    • IntelliJ at
      C:\Users\Oscar\AppData\Local\JetBrains\Toolbox\apps\IDEA-U\ch      -0\203.8084.24
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart

[√] VS Code, 64-bit edition (version 1.60.2)
    • VS Code at C:\Program Files\Microsoft VS Code
    • Flutter extension version 3.27.0

[√] Connected device (2 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome
      94.0.4606.61
    • Edge (web)   • edge   • web-javascript • Microsoft Edge
      93.0.961.52

• No issues found!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Web app shows white screen in release mode? #7151

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Web app shows white screen in release mode? #7151

Uh oh!

olindenbaum Oct 6, 2021

Replies: 0 comments

olindenbaum
Oct 6, 2021