Flutter web:无法加载资源:net::ERR_NAME_NOT_RESOLVED

2024-02-11

Flutter web 刚刚展示emptychrome 中的白页,我得到Failed to load resource: net::ERR_NAME_NOT_RESOLVED in console使用 inpect 的 chrome 。即使使用网络上的 flutter counter 应用程序,它也可以重现。

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

我尝试在 cmd 中执行以下命令,但仍然有问题:

ipconfig /flushdns
ipconfig /renew
ipconfig /registerdns

如果你连接到互联网,它会工作并且不会发生错误但是这个错误发生在 flutter web 中Offline模式,因为 CanvasKit 不会自动捆绑offline发展。

为了让它发挥作用offline有两种方法:

1-简单的方法(在终端中运行此代码):

flutter run -d chrome --web-renderer html

2-第二种方式(flutter提到的指令team https://github.com/flutter/flutter/issues/78235# ):

  • 在 web/ 目录下的任意位置下载(或构建)CanvasKit 你的项目。
  • Follow 这些说明 https://github.com/flutter/engine/blob/7b2db6dbe1c49a8004ff865607988eec36868ccc/lib/web_ui/lib/src/engine/canvaskit/initialization.dart#L51并将 FLUTTER_WEB_CANVASKIT_URL 指定为 指向/path/to/bundled/canvaskit/(如果它位于 web/ 的根目录中 那我想这只是/).
  • 在 pubspec.yaml 中包含所有必需的字体(指示 https://flutter.dev/docs/cookbook/design/fonts)

发布模式离线工作注意事项:

在发布模式下,为了使应用程序能够离线工作,使用命令发布应用程序后flutter build web, go to index.html文件输入build/web然后将此代码添加到脚本标签中:

  <script>
    window.flutterConfiguration = {
    canvasKitBaseUrl: "/canvaskit/"
  };

...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter web:无法加载资源:net::ERR_NAME_NOT_RESOLVED 的相关文章

随机推荐