Flutter web : Failed to load resource: net::ERR_NAME_NOT_RESOLVED

Issue

Flutter web is just showing empty white page in chrome and I get Failed to load resource: net::ERR_NAME_NOT_RESOLVED in console of chrome by using inpect .It’s reproducible even with flutter counter app on web.

I have Flutter Channel stable 2.0.2, and Android Studio (version 4.1.0).
It’s working fine in emulator.
how can I solve the problem?
error image

I tried following commands in cmd but still have problem :

ipconfig /flushdns
ipconfig /renew
ipconfig /registerdns

Solution

If you be connected to internet, It will work and no error will occur But This error occurs in flutter web in latest version (2.0.2) in Offline mode because CanvasKit is not automatically bundled for offline development . so these instructions are mentioned by flutter team:

To make it work offline:

  • Download (or build) CanvasKit anywhere under the web/ directory of
    your project.
  • Follow these instructions and specify FLUTTER_WEB_CANVASKIT_URL to
    point to /path/to/bundled/canvaskit/ (if it’s in the root of web/
    then I think it’s just /).
  • Include all the necessary fonts in your pubspec.yaml (instructions)

Answered By – Zahra

Answer Checked By – Senaida (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published. Required fields are marked *