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?
我尝试在 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(使用前将#替换为@)