The error message “web page not available” with the description “net::ERR_CACHE_MISS” typically occurs in Flutter apps that use the webview_flutter plugin when they are uploaded to the Play Store. This issue arises due to a security restriction in modern WebView implementations on Android.
Make sure you are using the latest version of the webview_flutter plugin. Check for updates in your pubspec.yaml
file and ensure you are using the most recent version available.
<uses-permission android:name="android.permission.INTERNET" />
The webview_flutter
plugin may require a specific cache mode to work correctly on Android. To handle cache mode, you can set the CacheMode
to LOAD_DEFAULT
in your WebView configuration. To do this, modify the code where you create the WebView widget.
For example:
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
class MyWebView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return WebView(
initialUrl: 'https://example.com',
javascriptMode: JavascriptMode.unrestricted,
// Set cache mode to LOAD_DEFAULT
initialData: WebResourceResponse(
mimeType: 'text/html',
statusCode: 200,
),
);
}
}
Before uploading the updated app to the Play Store, thoroughly test the app to ensure that the issue is resolved and that the web pages load properly. Once you have confirmed that the issue is resolved, generate a new APK or App Bundle and upload it to the Play Store.