Failed to register a ServiceWorker (Flutter)

Question

I'm working on a Flutter Web App and today I got these errors:

A bad HTTP response code (404) was received when fetching the script.

Uncaught (in promise) TypeError: Failed to register a ServiceWorker for scope ('https://adrieldf.github.io/') with script ('https://adrieldf.github.io/flutter_service_worker.js'): A bad HTTP response code (404) was received when fetching the script.

The only thing "different" that I added to the code was a dependency for the Share library, but I don't think that that is the problem.

Here is the interesting thing, I've got the app hosted on Github Pages and after every commit I have a action that builds the web app. After the build, when I try to access it doesn't load and the errors appears. But building it and running it locally works normally.

Here is the source code if you want to check: https://github.com/Adrieldf/allthewidgets The website link is in the repo description.

user_13268989 · Answer

I solved my problem by changing the index.html file

from

to

user_1869842 · Answer

Looks, like you are trying to run the project from the project_root/web folder.

If you just start a webserver here (for example, by using python -m http.server 8088), the application will start and even will be working partially.

But compiled web app located in project_root/build/web. Try to run your webserver in that folder.

user_15430586 · Answer

Solved by changing base tag inside build/web/index.html

to

added . (dot)

user_5038943 · Answer

Well, the problem is what the error message says. Your JS is trying to register a Service Worker from the script 'https://adrieldf.github.io/flutter_service_worker.js' but that does not exist on the server. If you open that URL it's a 404.

user_7440006 · Answer

For me got resolved simply after upgrading flutter packages:

flutter packages upgrade

user_2749649 · Answer

flutter create .

flutter build web

and use the project/build/web as server's location

user_463078 · Answer

you can use peanut to build your flutter app and copy it to gh-pages project using something like:

peanut --extra-args "--base-href=/directory-name/"

user_12588649 · Answer

Solved by changing base tag inside build/web/index.html

to added . (dot) with the folder name inside which i added my flutter build

Failed to register a ServiceWorker (Flutter)

8 Answers