Flutterweb打包后,访问页⾯显⽰空⽩
原因
Flutter在运⾏和构建Web应⽤程序时,可以在两个不同的渲染器之间进⾏选择。
这两个渲染器是:
HTML。CSS,Canvas元素和SVG元素。 该渲染器的下载⼤⼩较⼩。
flutter开发appCanvaskit。使⽤Skia编译为WebAssembly并使⽤WebGL渲染。 该渲染器与Flutter移动设备和台式机完全⼀致,具有更快的性能,并且不太可能在浏览器之间出现差异,但下载⼤⼩增加了⼤约2MB。
Flutter官⽅⽂档上对这个选项的默认设置的说明是
Flutter官⽅⽂档上对这个选项的默认设置的说明是
当应⽤程序在移动浏览器中运⾏时,此选项选择HTML渲染器;
当应⽤程序在桌⾯浏览器中运⾏时,选择CanvasKit渲染器。
那么在build web端应⽤的时候, 系统默认设置的是CanvasKit渲染器。
造成页⾯空⽩的原因应该就是浏览器下载CanvasKit出错导致的问题.
解决⽅式
改⽤打包命令 flutter build web --web-renderer html
参考
Flutter 写的app, 需要源码可以私信~~
简繁⽕星字体转换
哄⼥友神器
号码测吉凶
电视节⽬直播表
最好的笔记软件
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论