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

已于 2024-01-07 19:26:14 修改
阅读量801 收藏 11
点赞数 12
分类专栏： #Flutter# 文章标签： flutter
于 2024-01-03 11:59:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wj9966/article/details/135358687
版权

[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上运行遇到的问题总结

写在结尾

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

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

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

摩羯座程序媛
关注
  • 12
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
你的Flutter应用在Web端跑起来了吗?
mzxj7255的博客
08-19 1945
记录一下Flutter运行在Web页面上遇到的问题。1、Platform兼容问题报错：Unsupported operation: Platform._operatingSystem；2、跨域问题：DioError [DioErrorType.response]: XMLHttpRequest error；3、报错：The provided ScrollController is currently attached to more than one ScrollPosition
flutter项目怎么判断是不是web平台？Unsupported operation: Platform._operatingSystem
最新发布
01-21 957
如果你使用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 6563
unsupport operation:Platform._operatingSystem 不支持的操作：操作系统？ 应该是Platform._operatingSystem获取到一个系统的值，在代码里不识别该值了。 我是尝试在web上调试适用于android/IOS的框架出现这个问题的 既然稳定版都出来，就应该不是flutter自身package的问题，使用的三方package问题。 1.找到报错的按个包，升到最新版试一试吧，也许新版已经支持这个东西了呢！ 2.还有可能已经支持web了，只是需要
Flutter - flutter项目添加 Web 支持
iotjin的专栏
04-10 1962
使用 base64 数据 URI：将图片转换为 base64 格式的数据 URI，然后将其插入到 HTML 中，避免了跨域问题。修改构建结果中的index.html文件中的base标签，修改成你github仓库的名字，不然关联不到相对路径资源文件.详见：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS。所以使用的自定义的图片组件，如果是网络图片，加载一个默认的本地图片，保证在web端能看到默认图片。添加ScrollController。
检查 Flutter 应用程序是否在 Web 上运行
坚果的博客
03-03 1719
您可以使用基础库中的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 web 开发 “Unsupported operation: Platform._version”
一只奋斗的猪
03-12 6917
环境: web_socket_channel: ^1.1.0 出现问题时间： 2020年03月12日（等待官方后期的完善） 今天在学习Flutter发送WebSockets时（示例地址），浏览器报错： Unsupported operation: Platform._version See also: https://flutter.dev/docs/testing/errors ...
flutter 总结及遇到的问题集合
10-08
Flutter 总结及遇到的问题集合 在 Flutter 开发中，我们经常会遇到一些问题和难题，本文将总结一些常见的 Flutter 问题和解决方案，帮助开发者快速解决问题，提高开发效率。 一、环境配置 在 Flutter 开发中，...
flutter web登录和注册页
04-12
最后，为了运行这个Flutter Web项目，你需要使用`flutter build web`命令生成Web版本，然后在服务器上部署生成的`build/web`目录内容。用户就可以通过浏览器访问到这个Web应用了。 总的来说，这个"flutter web登录...
flutter web调用手机摄像头并切换前后摄像头
02-25
flutter web调用手机摄像头并切换前后摄像头
xamarin.flutter：在Xamarin上运行Flutter
02-06
弃权：尽管该项目在技术上可行，但对于几个开发人员来说，在业余时间完成这项工作是不可行的。 它仅是一种概念证明，已经花费了几个月... 该项目旨在使Flutter SDK在.NET Framework上可用，最初具有以下受支持的平台：
flutter_PlatformView_test.rar
10-06
Flutter，支持在Flutter布局中嵌入原生View，确实是一个非常实用的特性，比如困扰已久的地图实现，有了这个特性我们就可以在Flutter布局中嵌入双平台的原生高德地图或百度地图，甚至是相机预览视频通话SDK等。...
Flutter 开发错误集合
我很好
12-19 1万+
Flutter 开放各种错误集合持续更新中......
flutter 判断是否是web环境
weixin_43575775的博客
01-05 1万+
Platform.isAndroid 会报错 所以使用上面的方式。
大前端时代的乱流：带你了解最全面的 Flutter Web
恋猫de小郭的博客
05-08 4167
Flutter Web 稳定版本发布至今也有一年多了，经过这一年多的发展，今天就让我们来看看作为大前端时代的乱流，Flutter Web 究竟有什么不同之处，本篇分享主要内容是目前 Flutter 下少有较为全面的 Web 内容。 本篇来自本人在《T技术沙龙-大前端时代的挑战与机遇（深圳场）》的线下技术分享。 一、起源与实现 说起 Flutter 的起源就很有意思，大家都知道早期 Flutter 最先支持的平台是 Android 和 iOS ，至今最核心的维护平台依然是 Android 和 iO
flutter环境搭建及其遇到的坑
往后余生的博客
06-08 1万+
总的来说需要的也就4样东西，找齐了配置一下就OK； Flutter SDK （建议下载官网的，下载完直接能用） https://flutter.io/docs/get-started/install/windows 下载Dart插件 下载Flutter插件 配置环境变量 准备ide（Androidstudio或者IntelliJ IDEA）配置flutter的SDK即可 ...
Flutter开发 - 开发中遇到的异常信息汇总，附原因和解决方法
CodingFire的博客
01-13 2605
1.Error: Could not find the correct Provider<xxxxxxxxx> above this xxxxxx Widget 这个不是找不到provider，而是找到的provider不正确，那么应该是context传的不对 2.NoSuchMethodError: The method '[]' was called on null. 方法返回的是一个数组，但是没有做为空的判断，这个尤其要注意，不止是数组，还有其他的类型 3.NoSuchMethod
flutter和webapp,如何获取Flutter Web应用程序的内部版本和版本号
weixin_34110970的博客
12-20 182
The keyword here is Web. I can get the build and version number of a Flutter app by using the package_info plugin, but if it is running on the web I can't. How do I get the package info for a Flutter ...
使用Flutter 创建web项目
Hn的网站都别抢
08-01 1022
环境： android studio flutter beta 版本 （使用 flutter channel 可查看版本） dart 如果要创建 web 项目 Flutter已经从 flutter_web 与 flutter 整合在一起。 关于创建 flutter web app 可以参考链接： https://flutter.dev/docs/get-started/web 步骤： ·下载flutter sdk（假设已经配置好了，若没有配置好则参考：https://flutterc..
如何使用Flutter开发web应用
热门推荐
ai-exception的博客
06-21 2万+
前言：Flutter系列的文章我应该会持续更新，从User Interface(UI)到数据相关（文件、数据库、网络）再到Flutter进阶（平台特定代码编写、测试、插件开发等），欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者搜索”IT工匠“关注微信公众号/头条号（微信公众号和头条号同名），会同步推送)。 众所周知Google对于Flutter的期望是全平台统一UI开发，号称要做一套**“...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

摩羯座程序媛

打赏的老板越来越富

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

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

打赏作者

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

抵扣说明：

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

余额充值