[Flutter]WebPlatform上运行遇到的问题总结

原创 已于 2024-01-07 19:26:14 修改 · 1.1k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter

于 2024-01-03 11:59:58 首次发布
本文总结了在Flutter3.0中使用WebPlatform时遇到的问题，包括不支持Platform判断的解决方法和跨域登录问题的处理，通过`--disable-web-security`命令解决。作者鼓励读者提问交流，后续将有更多相关文章更新。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

[Flutter]WebPlatform上运行遇到的问题总结

目录

[Flutter]WebPlatform上运行遇到的问题总结

写在开头

正文

Q1、不兼容判断

Q2、跨域问题

其他

写在结尾

写在开头

Flutter项目已能在移动端完美使用后，想看看在桌面端等使用情况

基于Flutter3.0后已支持Windows/MacOS/Web等桌面端，不过具体的系统，还需要看下官方文档解释。

这里抛出文档地址，可自行查看

Flutter官网

正文

Q1、不兼容判断

#报错内容：

Unsupported operation: Platform._operatingSystem

​

#解决办法：

代码中包含Platform.isAndroid或者Platform.isIOS等判断，Webp平台不支持Platform的判断

可以改为 kIsWeb

Q2、跨域问题

#问题内容

以上问题修改后，仍然无法登录，接口会直接取消。

#解决过程：

搜索了多种解决办法，均未能解决，比如有：

Chrome安装插件、修改配置文件、添加Flutter三方插件等等

最终亲测可用的方法如下。

#解决办法：

① 确保后台接口支持跨域

② 使用命令运行到Web

flutter run -d chrome --web-browser-flag "--disable-web-security"

其他

相关推荐：

[Flutter]WindowsOS中相关配置

[Flutter]WindowsPlatform上运行遇到的问题总结

写在结尾

如有任何问题，欢迎关注、留言、讨论。

文章中如有任何问题，也欢迎留言，我会改正的，谢谢，还请谅解！

更多内容，可以关注后续文章哦，谢谢~

你应该知道的 10 个 Flutter Web 错误：Flutter Web 调试权威指南（RangeError、NullReferenceError、TypeError、FormatExcepti）
iCloudEnd的博客
03-13 187
Flutter Web 错误简介在 Flutter Web 开发的世界中，错误很常见。这些错误可能会影响 Flutter Web 应用程序的功能和性能，给开发人员和用户带来挫败感。在本节中，我们将探讨什么是 Flutter Web 错误、它们发生的原因以及它们对您的应用程序的影响。
flutter项目怎么判断是不是web平台？Unsupported operation: Platform._operatingSystem
01-21 1518
如果你使用Platform 这个工具来判断的时候，很有可能会报错：只能使用这种方式判断：如果是web平台返回true，不是返回false因为只有web平台下js判断0和0.0才判断为相等，其他语言都是false。至于js为啥会将0和0.0判断为相等，是因为js使用弱类型判断的时候，会对右边的类型转成左边的类型，然后再进行判断，转换后的0.0其实就是0，所以才相等。
flutter异常：unsupport operation:Platform._operatingSystem问题
想到哪记到哪
03-29 7010
unsupport operation:Platform._operatingSystem 不支持的操作：操作系统？ 应该是Platform._operatingSystem获取到一个系统的值，在代码里不识别该值了。 我是尝试在web上调试适用于android/IOS的框架出现这个问题的 既然稳定版都出来，就应该不是flutter自身package的问题，使用的三方package问题。 1.找到报错的按个包，升到最新版试一试吧，也许新版已经支持这个东西了呢！ 2.还有可能已经支持web了，只是需要
flutter 使用webview_flutter 运行在android设备上报错：Unhandled Exception: PlatformException(channel-error, Unab
ruizhenggang的博客
07-28 1183
2. flutter插件代码有误：查看webview_flutter api调用，甚至把自己的逻辑代码注释掉，用官方给的example尝试。官方说是为了更好地支持将 Flutter 添加到现有项目的执行环境，托管 Flutter 运行时的旧版 Android 平台端包装器位于。我运行的是android手机，所以应该是android平台与flutter的channel通信没有建立。没事一定要看官方文档啊！查看自己的代码出错在哪一行：检查发现并没有报编写的代码错误的堆栈信息。官方说的第一条就是这个问题！
Flutter Web代码运行问题记录
ddxxii的博客
06-10 4062
一. 打包问题 1. 提示依赖 webdev could not run for this project. This version of webdev does not support the `build_daemon` protocol used by your version of `build_runner`. Please add a dev dependency on `build...
Flutter之解决Window上项目无法运行到GoogleChrome上
jiakuize2291的博客
09-26 536
最近在做一个简单的web项目，想尝试使用Flutter来实现，毕竟一套代码多端可以使用。在开发过程中，想在谷歌浏览器上看看实现的效果。选择Chrome（web），然后运行项目。大概的意思就是端口不对，无法打开。网上给的解决办法也是五花八门，但是效果甚微。这里提供一个终极的解决办法，一劳永逸。只需要配置一行代码。如果遇到相同问题的同学，可以试试，亲测有效。
解决Flutter在WEB中加载图片的跨域问题
jingyi__的博客
02-01 3670
Flutter版本：3.16.9开发IDE：android studio 2023.1.1 Patch2受影响环境：WEB (Android、IOS、Windows等都不受影响)IDE输出的错误： 如果图片在应用内存中有编码后的字节信息、或者以 asset 的方式提供、或者和应用存储在同一服务器上（也就是同源），则不需要做额外工作。图片既可以在 HTML 也可以在 CanvasKit 模式下，使用 Image.memory、 Image.asset 和 Image.network 来展示。
Flutter Web实战项目打造真正跨平台应用（windows，android，ios，linux，macos，web）
dgayuiafahf的博客
04-19 989
变身！！！！！如图的路径就是打包后生成的exe文件，双击执行，就好了。坑1。
Flutter面试中常问到的问题
qq_28563283的博客
04-18 3247
注意，这些问题只是作为参考，实际面试中可能会根据公司和职位的不同而有所不同。 前10个带答案，后面的我再慢慢补充。 因此，建议根据自己的经验和技能，对这些问题进行更深入的学习和理解，以便在面试中更好地回答问题。 同时，也要注意在回答问题时，注重表达清晰、简洁、准确，让面试官对你的能力和技术水平有一个清晰的了解。
Flutter 的 2024 年终总结
2401_84149733的博客
05-04 824
【Android开发核心知识点笔记】【Android思维脑图（技能树）】【Android核心高级技术PDF文档，BAT大厂面试真题解析】【Android高级架构视频学习资源】《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！技能树）】**[外链图片转存中…(img-HnoZaJb7-1714813455969)]【Android核心高级技术PDF文档，BAT大厂面试真题解析】[外链图片转存中…(img-Z3NzI1S2-1714813455970)]
2024 最新flutter面试总结
qq_34974843的博客
05-10 506
2024最新flutter面试总结
Flutter - flutter项目添加 Web 支持
iotjin的专栏
04-10 2659
使用 base64 数据 URI：将图片转换为 base64 格式的数据 URI，然后将其插入到 HTML 中，避免了跨域问题。修改构建结果中的index.html文件中的base标签，修改成你github仓库的名字，不然关联不到相对路径资源文件.详见：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS。所以使用的自定义的图片组件，如果是网络图片，加载一个默认的本地图片，保证在web端能看到默认图片。添加ScrollController。
Flutter web 开发 “Unsupported operation: Platform._version”
一只奋斗的猪
03-12 7321
环境: web_socket_channel: ^1.1.0 出现问题时间： 2020年03月12日（等待官方后期的完善） 今天在学习Flutter发送WebSockets时（示例地址），浏览器报错： Unsupported operation: Platform._version See also: https://flutter.dev/docs/testing/errors ...
flutter 判断是否是web环境
热门推荐
weixin_43575775的博客
01-05 1万+
Platform.isAndroid 会报错 所以使用上面的方式。
探索全平台适配的新纪元：Universal Platform 框架解析与应用
gitblog_00194的博客
09-02 326
探索全平台适配的新纪元：Universal Platform 框架解析与应用 在当今的跨平台开发领域中，统一且无缝的用户体验成为了一大追求。然而，当开发者尝试利用 Dart 的 dart.io.Platform 进行平台检测时，一个棘手的问题随之而来——在Web平台上，这几乎是不可能的任务。针对这一痛点，我们迎来了一个革新性的解决方案：Universal Platform。 项目介绍 Univer...
检查 Flutter 应用程序是否在 Web 上运行
坚果的博客
03-03 1881
您可以使用基础库中的kIsWeb常量检查您的 Flutter 应用程序是否在 Web 浏览器上运行 import 'package:flutter/material.dart'; import 'package:flutter/foundation.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key
Flutter 开发错误集合
我很好
12-19 1万+
Flutter 开放各种错误集合持续更新中......
大前端时代的乱流：带你了解最全面的 Flutter Web
恋猫de小郭的博客
05-08 4494
Flutter Web 稳定版本发布至今也有一年多了，经过这一年多的发展，今天就让我们来看看作为大前端时代的乱流，Flutter Web 究竟有什么不同之处，本篇分享主要内容是目前 Flutter 下少有较为全面的 Web 内容。 本篇来自本人在《T技术沙龙-大前端时代的挑战与机遇（深圳场）》的线下技术分享。 一、起源与实现 说起 Flutter 的起源就很有意思，大家都知道早期 Flutter 最先支持的平台是 Android 和 iOS ，至今最核心的维护平台依然是 Android 和 iO
flutter web没有为js提供channel吗
最新发布
03-19
用户可能在使用Flutter Web时遇到了与JavaScript交互的问题，想知道是否有现成的Channel机制可用，类似于在移动端使用MethodChannel的情况。 首先，我得回忆一下Flutter的基本架构。Flutter在移动端（Android/iOS）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

摩羯座程序媛

打赏的老板越来越富

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值