I am trying to deploy my Flutter app to GitHub Pages. App runs fine with
flutter run -d chrome and builds successfully using
flutter build web --release
I push the code to my repository:
Failed to load resource: server responded with status of 404 () https://learyjk.github.io/main.dart.js
I have tried to append /index.html to the end of the URL as well but no luck.
Any ideas? The error output is not very verbose, so I don’t quite know where to start…
GitHub pages link:
<base href=''/> tag in your
index.html. Change it to the base path of your github repo. In this case this would be
<base href="/superpacecalcweb/"/>. If you don’t have it you can add it inside the
Basically the problem is flutter tries to locate
main.dart.js file without considering the base path of your deployment as you haven’t configured the
base tag with correct path. This is common issue while deploying flutter web app or any web app for the sake if the hosting provider adds an additional path to main domain.
You can see that the
main.dart.js is available through the following link.
Please do note that while testing locally you will still have to set it back to
href="/". Otherwise the local deployment won’t work. There is an open issue to make this configurable.
Answered By – Abhilash Chandran
Answer Checked By – Senaida (FlutterFixes Volunteer)