Flutter web not working at all #3086

fisforfaheem · 2024-04-28T19:49:14Z

Launching lib\main.dart on Edge in debug mode...
Warning: In index.html:37: Local variable for "serviceWorkerVersion" is deprecated. Use "{{flutter_service_worker_version}}" template token instead.
Warning: In index.html:46: "FlutterLoader.loadEntrypoint" is deprecated. Use "FlutterLoader.load" instead.
../../../AppData/Local/Pub/Cache/hosted/pub.dev/get-5.0.0-release-candidate-5/lib/get_navigation/src/routes/get_transition_mixin.dart:374:39: Error: Member not found: 'CupertinoRouteTransitionMixin.isPopGestureInProgress'.
CupertinoRouteTransitionMixin.isPopGestureInProgress(route);
^^^^^^^^^^^^^^^^^^^^^^
Failed to compile application.

Exited (1).

fisforfaheem · 2024-04-28T19:49:28Z

flutter 3.22

nekomaruh · 2024-05-14T01:57:11Z

Happens the same to me with auto_route dependency in flutter 3.22:
https://pub.dev/packages/auto_route

Update 16/05/24:
Apparently it is not a problem with the package, it is a problem with the latest version of Flutter, in my case it now always appears

Update 17/05/24:
I figured it out a solution for this warning. The problem seems to be with index.html in flutter web due to deprecated packages in Flutter 3.22:

Inside <head> tag Replace:

<script>
    // The value below is injected by flutter build, do not touch.
    const serviceWorkerVersion = null;
</script>

By:

<script>
    // The value below is injected by flutter build, do not touch.
    const flutter_service_worker_version = null;
</script>

And if you are using WebView embedding:

Inside <body> tag replace:

 <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>

By:

<script>
    window.addEventListener('load', function(ev) {
      // Download main.dart.js
      _flutter.loader.load({
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        },
        onEntrypointLoaded: function(engineInitializer) {
          engineInitializer.initializeEngine().then(function(appRunner) {
            appRunner.runApp();
          });
        }
      });
    });
  </script>

Hope it helps :)

aniketkhote9 · 2024-05-14T18:16:59Z

#3095

corepuncher · 2024-05-21T01:05:04Z

My web build is busted. First I tried to address the flutter_service_worker_version error, and now when I build, in my index.html I have double quotes around the version value like this:

  <script>
    // The value below is injected by flutter build, do not touch.
    var serviceWorkerVersion = ""1234567899"";
  </script>

So then I manually delete the double quotes, and I still have the following errors:

flutter.js:3 Uncaught (in promise) FlutterLoader.load requires _flutter.buildConfig to be set

  <script>
    window.addEventListener('load', function (ev) {
      // Download main.dart.js
      _flutter.loader.load({
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        },
        onEntrypointLoaded: function (engineInitializer) {
          engineInitializer.initializeEngine().then(function (appRunner) {
            appRunner.runApp();
          });
        }
      });
    });
  </script>

So it's like whack-a-mole at this point.

Any ideas what the root cause of this is? I used to be able to build web app fine, until upgrades.

novaldebbyp · 2024-05-21T04:05:19Z

Try to changed the index.html from this discussion
https://stackoverflow.com/questions/78152396/how-do-i-replace-serviceworkerversion-with-flutter-service-worker-version

corepuncher · 2024-05-21T05:51:35Z

Try to changed the index.html from this discussion https://stackoverflow.com/questions/78152396/how-do-i-replace-serviceworkerversion-with-flutter-service-worker-version

I had it like that basically (except had double quotes, tried changing to single...no difference).

A huge rabbit hole since trying to fix the serviceworker deprecation. I eventually reverted back to an old copy of index.html, and it works. So I will leave for now.

I wonder if I need to rebuild the web files , perhaps my files in that dir are too old (too many flutter versions ago)? And perhaps they changes several things by now.

leferrad · 2024-05-24T02:51:35Z

Inside <head> tag Replace:

@nekomaruh I tried your solution but I get this error ReferenceError: serviceWorkerVersion is not defined which makes sense given that variable is not defined.

corepuncher · 2024-05-25T02:39:35Z

Inside tag Replace:

@nekomaruh I tried your solution but I get this error ReferenceError: serviceWorkerVersion is not defined which makes sense given that variable is not defined.

For me the solution was to delete the contents of /web dir (backing up any mods to index.html) and then remake using:

flutter create --platforms web .

It was much easier than trying to fix all the changes that have occurred since I last made my project.

rafaelbenedetti1 · 2024-05-31T17:15:06Z

I'm having a problem after update my flutter version to 3.22, I modify the index.html to new mode of app initialization. My application have some textfields, and after upgrade the number keyboard doesn't work, because the six and four keys moves the cursor to right and left and not show the number on field, how can i resolve this?

ChAhmed1 · 2024-06-04T13:59:42Z

not issue resoolve

fisforfaheem · 2024-06-06T02:22:46Z

Update your getX to v6 candidate

dineshnagarajandev · 2024-06-06T18:06:32Z

running flutter pub upgrade --major-versions helps to resolve.

lualbertovargas · 2024-06-17T01:51:27Z

Me funcionó colocar lo siguiente en el body

<script src="flutter_bootstrap.js" async></script>

y

const serviceWorkerVersion = "{{flutter_service_worker_version}}";

Martin-QPT · 2024-06-22T18:19:46Z

Deleting the web folder (save off any changes) and then taking a Nuke and Pave approach seems to be the way to do it:

Delete the web folder (save any custom stuff)
run "flutter create --platforms web ."
Test, Test, test your app....

idealprogram · 2024-08-15T11:31:17Z

Me funcionó colocar lo siguiente en el body

<script src="flutter_bootstrap.js" async></script>

y

const serviceWorkerVersion = "{{flutter_service_worker_version}}";

is work form me thanks, in doc have same things

fisforfaheem assigned jonataslaw Apr 28, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Flutter web not working at all #3086

Flutter web not working at all #3086

fisforfaheem commented Apr 28, 2024

fisforfaheem commented Apr 28, 2024

nekomaruh commented May 14, 2024 •

edited

Loading

aniketkhote9 commented May 14, 2024

corepuncher commented May 21, 2024 •

edited

Loading

novaldebbyp commented May 21, 2024

corepuncher commented May 21, 2024

leferrad commented May 24, 2024 •

edited

Loading

corepuncher commented May 25, 2024

rafaelbenedetti1 commented May 31, 2024

ChAhmed1 commented Jun 4, 2024

fisforfaheem commented Jun 6, 2024

dineshnagarajandev commented Jun 6, 2024

lualbertovargas commented Jun 17, 2024 •

edited

Loading

Martin-QPT commented Jun 22, 2024

idealprogram commented Aug 15, 2024

Flutter web not working at all #3086

Flutter web not working at all #3086

Comments

fisforfaheem commented Apr 28, 2024

fisforfaheem commented Apr 28, 2024

nekomaruh commented May 14, 2024 • edited Loading

aniketkhote9 commented May 14, 2024

corepuncher commented May 21, 2024 • edited Loading

novaldebbyp commented May 21, 2024

corepuncher commented May 21, 2024

leferrad commented May 24, 2024 • edited Loading

corepuncher commented May 25, 2024

rafaelbenedetti1 commented May 31, 2024

ChAhmed1 commented Jun 4, 2024

fisforfaheem commented Jun 6, 2024

dineshnagarajandev commented Jun 6, 2024

lualbertovargas commented Jun 17, 2024 • edited Loading

Martin-QPT commented Jun 22, 2024

idealprogram commented Aug 15, 2024

nekomaruh commented May 14, 2024 •

edited

Loading

corepuncher commented May 21, 2024 •

edited

Loading

leferrad commented May 24, 2024 •

edited

Loading

lualbertovargas commented Jun 17, 2024 •

edited

Loading