flutter for web.关于跨web和app找不到html包的问题

最新推荐文章于 2024-06-04 19:02:35 发布
最新推荐文章于 2024-06-04 19:02:35 发布
阅读量485 收藏
点赞数
文章标签： flutter html android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_24296235/article/details/120382879
版权
本文介绍了一个在 Flutter for Web 开发中解决跨平台项目遇到的问题的方法：即如何在同一个工程文件夹内同时支持 App 和 Web 平台，并确保在编译成 App 时不会因引入 dart:html 而导致错误。通过使用条件导入，可以实现对不同环境的支持。

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

在flutter for web开发过程中，常常不可避免的需要用到dart:html包，由于笔者正在开发的项目是一个跨app和web平台的项目，并且写在同一个项目工程文件夹，于是打包编译成app时就遇到了找不到dart:html包的错误。这是因为编译app时不会引入html包。记录下解决办法。

按需导包

import 'package:/device.dart' if(dart.library.html) 'package:/web.dart'

#dart.library.html判断当前为web环境

koader
关注
Flutter web app跨平台 Error: Not found: ‘dart:html‘
zhjali123的专栏
04-03 5044
Flutter平台相关代码的实现问题
阿里卖家 Flutter for Web 工程实践
qq_32198115的博客
02-25 2794
阿里卖家外贸资讯版块主要使用 Flutter 开发，经过一定的考虑我们选择了 FFW，并正式开启填坑之旅……
Flutter写Android插件时，无法找到Flutter相关的包
weixin_43367142的博客
11-01 485
在项目的build.gradle中的末尾处添加下面的代码。
flutter依赖导入还是找不到包的解决方案
最新发布
Ican
06-04 745
【代码】flutter依赖导入还是找不到包的解决方案。
检查 Flutter 应用程序是否在 Web 上运行
坚果的博客
03-03 1851
您可以使用基础库中的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
app软件开发 没有html 文件,开发Hybrid App时，file:///加载本地html，无法渲染内容的问题...
weixin_35728049的博客
06-07 446
新上手一个混合开发APP的项目，需要IOS和android通过webview调用本地html文件，要求能显示H5页面并产生交互。因为之前没接触过混合开发，项目在一开始就遇到了问题，ios和android在调用本地html文件时，可以引入资源，但js不能读写加载的内容。如路由导航功能渲染的页面无法显示，以及数据无法加载。后面尝试把html文件放到服务器上，webview通过请求远程地址加载html文...
Flutter for Web 详细预研
阿里云云栖号
06-27 2656
背景 Google在最新的Google I/O上推出了Flutter for Web，旨在进一步解决一次代码，多端运行的问题。Flutter for Web还处于早期试验版，官方不建议在生产环境上使用。那么到底它的实际情况怎么样呢？ 我们做了一次预研。期望这次预研的结果可以帮你决定是用，还是不用FFW。 Flutter for Web原理 Flutter for Web和Flutter在...
mayurkagathara.github.io:在Github上部署Flutter和其他Web应用程序
03-14
在GitHub上部署Flutter和其他Web应用程序是一项常见的开发任务，特别是对于那些希望分享、展示或测试自己作品的开发者来说。本文将深入探讨如何利用GitHub Pages服务来托管Flutter应用以及基于JavaScript的Web项目。...
Flutter Web实战项目打造真正跨平台应用（windows，android，ios，linux，macos，web）
dgayuiafahf的博客
04-19 960
变身！！！！！如图的路径就是打包后生成的exe文件，双击执行，就好了。坑1。
Flutter 适配移动端、WEB端的简单方式
wangjq_piao的专栏
11-22 626
使用 kIsWeb 常量来判断当前应用程序是否运行在 Web 平台上，如果是，你可以返回一个专门为 Web 设计的 Widget，如果不是，你可以返回一个适合移动端的 Widget。使用 MediaQuery.of(context) 来获取当前媒体查询数据，它包含了屏幕的尺寸，方向，像素密度，亮度等信息，你可以根据这些信息来调整你的 Widget。以上三种方式能够根据需要适配移动端与WEB端，可以根据实际情况做选择，以下是我在项目中使用的方式，能够更好的适配移动端与WEB端。
Flutter Error: Not found: ‘dart:html‘
如果人生就像一场梦，那就希望你做个好梦！
11-23 4698
场景：Flutter web合并Flutter App。 问题：Error: Not found: ‘dart:html’。 原因：Flutter web使用了dart:html包的类，而Flutter App没有dart:html相关类。 解决：程序启动时判断是Flutter web还是Flutter App，再根据启动的程序类型修改引入对象。 1.例如我这里有个一个EmbedBuilderWeb类，是Flutter web专门使用的类，这里引入了dart:html依赖包。 Widget defaultE
flutter中编译App和web两端时引入darthtml报错
weixin_46400688的博客
05-31 990
title: flutter中编译App和web两端时引入dart:html报错。
使用 Flutter for web 构建了 100+ Widget 实时预览示例。
cijian0072的博客
08-18 2183
使用 Flutter 开发已经接近一年时间了，但是在学习 Flutter 一些 Widget 的时候不能像前端那样有能直接在网站上实时看到效果，每次接触到一个新的 Widget 时都需要花费不少时间才能看到效果，所以我基于 Flutter for web 做了这个网站，目前已经包含 100+ ...
Flutter 中使用 dart:html 的条件导入
爱孔孟
05-05 2130
Flutter是一个跨平台的 UI 框架，可以让你用一套代码开发和桌面应用。但是，不同的平台有不同的特性和限制，所以有时候你可能需要根据平台来导入不同的库或代码。这时候，你就可以使用条件导入（conditional import）的语法来实现。条件导入是一种在语言中支持的特性，它允许你在语句中使用if条件和配置常量（configuration constant），来根据运行时的环境来选择要导入的文件。配置常量是一些预定义的布尔值，可以表示当前平台是否支持某些库或功能。例如，表示是否支持dart:htm。
markdownlint取消html标签警告
sbwww的博客
10-19 9038
取消所有 MD033 的报错 ```json "markdownlint.config": { "default": true, "MD033": false // 加这一句 }, ``` 在 vscode 中使用 markdownlint 插件进行代码分析，当使用了 html 标签时，插件会给出 MD033/no-inline-html 警告（没错，就是那种强迫症最讨厌的黄色波浪线）。
Flutter 跨平台条件import不同包
bawomingtian123的专栏
04-27 5089
Flutter 条件Import不同依赖
【flutter】解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web
热门推荐
圆号本号
09-10 1万+
# 前言 我们在跨平台项目里 import 'dart:html' 会有警告，大致情况如下，直接编译出 web 没有问题 但是跑 android/ios 就不行了，会在编译阶段 error，效果大致如下： # 解决 Google 官方的意思是要做区分，我们先看看官方的要求： 那么如何做区分呢？可以参考下面这个方法： import 'xxx' if (dart.library.html) 'xxx:xxx' 太麻烦了，让我们来点简单的 # 叛逆 毕竟是自己的小项目，写得快必杀都好，我们直接用一个 thi
Flutter web无法调用html.window.xxx
weixin_36001685的博客
12-15 730
问题 Flutter web项目，js里写了这样一段代码 window.hello = "world" 希望在dart里拿到它，然后这样写，编译却报错，说这个变量"hello"没有定义 import 'dart:html' as html; var aaa = html.window.hello; 解决 应该这样写 js里 window.state = { hello: 'world' } dart里获取它： import 'dart:js' as js; var jsState =
Flutter Web在美团外卖的实践
美团技术团队
03-18 7460
总第439篇2021年 第009篇在多形态业务场景下，如何保障多端体验的一致性，是前端技术领域一个比较受关注的方向。美团外卖前端技术团队基于 Flutter Web 探索跨端（App\PC...
Flutter Web学习：打造个性化的Web App入门项目
在这个文档中，我们可以看到一个关于Flutter和Flutter_web的学习项目，该项目是一个自定义的web_app练习项目。现在我们将详细分析这个项目的知识点。 首先，让我们来谈谈Flutter。Flutter是Google开发的一种开源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值