I just upgraded to Flutter 3.22.0 and am getting the following error when running my Flutter web app on chrome:
Warning: In index.html:84: Local variable for "serviceWorkerVersion" is deprecated. Use "{{flutter_service_worker_version}}" template token instead.
Any ideas on how to fix this?
flutter create . --platforms=web to create a new index.html file, together with all the other files necessarysource: Upgrading an older project
flutter clean and then flutter build web for it to stop showing this warning. –
Maintenon I fixed this by comparing my old index.html to a newly created empty Flutter 3.22 project.
In my case the old index.html body contained something like the following:
<body>
<!-- This script installs service_worker.js to provide PWA
functionality to application. For more information, see:
https://developers.google.com/web/fundamentals/primers/service-workers -->
<script>
var serviceWorkerVersion = null;
var scriptLoaded = false;
function loadMainDartJs() {...}
if ('serviceWorker' in navigator) {..}
else {...}
</script>
</body>
The empty Flutter 3.22 project only contained a single line.
<body>
<script src="flutter_bootstrap.js" async></script>
</body>
I just replaced the long script with the short one from the latest Flutter version (as outlined by the Flutter team here) and things seem to be working now.
Martin Reindl's answer works pretty well!
Do not try to manually edit the index.html adding the missing variable or changing function names cause the flutter dev env will not start.
When building your Flutter app, the flutter build web command produces a script called flutter_bootstrap.js in the build output directory (build/web). This file contains the JavaScript code needed to initialize and run your Flutter app. You can use this script by placing an async-script tag for it in your index.html file in the web subdirectory of your Flutter app:
html
body
script src="flutter_bootstrap.js" async
body
html
More detail here.
© 2022 - 2024 — McMap. All rights reserved.
Flutter 3.24.1. – Ineducable