Flutter Web 应用程序无法在移动浏览器上运行。手机浏览器运行flutter代码报错怎么调试?

标签 flutter dart flutter-web

flutter web 应用程序在调试和 Release模式下在桌面 chrome 和 safari 浏览器上运行良好。但是,它不适用于处于调试和 Release模式的移动浏览器。 我在服务器上上传了 Release模式文件并尝试使用 URL 访问该网站,但有一页无法正常工作。小部件设计完全损坏。

在手机浏览器上运行flutter代码,如何调试哪里出错?请参阅下面的屏幕截图。

enter image description here

最佳答案

我们没有看到代码。因此,很难确定。但是当我在没有参数 --web-renderer

的情况下运行应用程序构建时,我遇到了这样的问题
flutter build web

重点是默认情况下它使用不同的渲染器(CanvasKit 用于桌面,HTML 用于移动)。而且因为我使用了需要 CanvasKit 的东西,所以在移动浏览器中的应用程序显示不正确。

使用适当的参数构建解决了我的问题

flutter build web --web-renderer canvaskit

Details can be found here

关于Flutter Web 应用程序无法在移动浏览器上运行。手机浏览器运行flutter代码报错怎么调试?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69332371/

相关文章:

android - 类型 '_InternalLinkedHashMap<String, dynamic>'不是类型转换中类型 'Session'的子类型

Flutter web - 在悬停时如何更改 Flatbutton TEXT 颜色

flutter - 我怎么知道何时在 flutter for web 中完全加载了谷歌字体?

flutter - 在渲染上更新小部件值?

flutter - 如何在flutter中实现用户标记?

view - 在 flutter 上模态显示自定义 View

flutter - TypeAdapterGenerator :- Missing concrete implementation of 'getter TypeAdapter. typeId 尝试实现缺少的方法

firebase - Flutter Firebase child 数量

Flutter web 上传文件取消事件

macos - Flutter 显示上下文操作快捷方式不起作用