Flutter web - the server responded with a status of 404 (Not Found), main.dart.js:1 - flutter

Question

Flutter web project works smoothly when running directly into chrome from IDE, but after calling flutter build web, and hosting the built web app is not opening(only a blank page) and showing this error which is
Failed to load resource: the server responded with a status of 404 (Not Found)
main.dart.js:1
Failed to load resource: the server responded with a status of 404 (Not Found)
(index):1
Uncaught (in promise) TypeError: Failed to register a ServiceWorker for scope ('http://localhost:8080/') with script ('http://localhost:8080/flutter_service_worker.js'): A bad HTTP response code (404) was received when fetching the script.

Answer 1

Did you publish resources not /build/web but /web?

Answer 2

First of all don't publish /build/web just publish /web folder's resources.
If you are hosting it with github then goto index.html and then change
<base href="/">
to
<base href="/YourRepoName/">
This worked for me..

Answer 3

I'm using nginx locally on my laptop to "force" flutter to serve my page.
The simplest config that I needed:
server {
listen 8004;
server_name your-domain.local;
location / {
root /path/to/your/project/build/web;
try_files $uri /index.html;
}
}
That's enough, the page is working without any problems :)