Flutter webviews gives net::ERR_CACHE_MISS message

Posted by

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.

4 1 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x