当前位置: 首页 > news >正文

鸿蒙flutter 老项目到新项目的遇到迁移坑点

1.下载鸿蒙官方的编辑器和虚拟机(需要提前安装java)
https://developer.huawei.com/consumer/cn/download/

下方链接为环境搭建指导
https://gitcode.com/openharmony-tpc/flutter_samples/blob/master/ohos/docs/03_environment/openHarmony-flutter%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA%E6%8C%87%E5%AF%BC.md
2.下载flutter
https://gitcode.com/openharmony-tpc/flutter_flutter git clone到本地的目录,目录不要带有中文
注:编辑器和flutter sdk 最好在同一磁盘 如(D盘或者C盘)

3.设置环境变量
打开终端

国内镜像

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# 拉取下来的flutter_flutter/bin目录
export PATH=/Users/admin/ohos/flutter_flutter/bin:$PATH# OpenHarmony SDK
export TOOL_HOME=/Applications/DevEco-Studio.app/Contents # mac环境
export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin
export HDC_HOME=$TOOL_HOME/sdk/default/openharmony/toolchains # hdc指令(可选)# 可选配置项(使用Android Studio 或者 Visual Studio Code调试时需要配置此项,jdk版本为17.0.12)
JAVA_HOME=/Users/admin/Documents/JDK/jdk-17.0.12.jdk/Contents/Home
PATH=$JAVA_HOME/bin:$PATH:.
export JAVA_HOME
export PATH# 可选配置项(防止由于Flutter OpenHarmony版的git下载地址环境变量不匹配,影响后续的flutter项目创建)
export FLUTTER_GIT_URL=https://gitcode.com/openharmony-tpc/flutter_flutter.git# 非必选配置项(若command-line-tools目录下的tool文件里存在node环境,则无需配置,若无则可进行如下单独配置)
# export NODE_HOME=/Users/admin/node/node-18.14.1
# export PATH=$PATH:$NODE_HOME/bin
window参考以上及设置系统变量
PUB_HOSTED_URL = https://pub.flutter-io.cn
剩下的参考以上

flutter doctor -v检查flutter运行环境

出现这些表示成功

4.创建项目

创建工程 方式一 该方式只创建了ohos平台 老项目可运行这个,直接安装ohos包

flutter create --platforms ohos

创建工程 方式二 该方式创建了android,ios,ohos三个平台

flutter create

进入工程根目录编译hap包

flutter build hap --debug

然后 flutter pub get
flutter run
会遇到一些报错
第一 检查环境变量设置是否正确
第二 检查node环境是否是18以上版本, 必须18以上版本,如有问题,切换到18版本
第三 检查flutter sdk 和 开发工具是否在同一目录,如不在同一目录,在flutter skd的同一目录下方增加,pubcache 文件,然后加入环境变量 ,如flutter sdk在 d盘第一目录, pubcache也要在第一目录
在这里插入图片描述

解决上面版本后,基本就搭建好了

3.第三方包的一些坑
鸿蒙目前所支持第三方包的版本
https://gitcode.com/openharmony-tpc/flutter_packages
鸿蒙支持的包不是很多,所以新项目可以直接搭建,老flutter项目建议切换分支后重新搭建
有一些第三包,需要安装鸿蒙的git包,参考以下
在这里插入图片描述

还有一些比如flutter_echarts的原生基础库依赖于原生的webview_flutter,所以需要以下设置
dependency_overrides:
webview_flutter:
git:
url: “https://gitcode.com/openharmony-tpc/flutter_packages.git”
path: “packages/webview_flutter/webview_flutter”

基本上从0到一的坑如上所述,对比鸿蒙安卓,要相当于简单一些

http://www.dtcms.com/a/512449.html

相关文章:

  • 网站开发z亿玛酷1专注响应式官网设计
  • SD comfy:教程3 - 音频生成
  • 百度网盘登录福建键seo排名
  • Xshell效率实战系列一:内置Xftp快速启动——从1分钟到10秒的传输革命
  • 公路建设网站自己编写网站
  • EN 13986:2004+A1:2015 人造板检测
  • 酒店网站html模板长沙微信网站建设
  • 天河建设网站技术网站备案号密码
  • 步进电机(200 smart DM542)调试文档
  • ubuntu22 docker安装ros1 noetic
  • 惠州网站制作定制和平天津网站建设
  • 电子网站建设价格怎样建立自己网站多少钱
  • 鸿蒙开发的三种能力集以及错误的产生条件
  • 西陆房产系统小程序
  • 方正悠黑使用网站建设侵权么触屏手机网站
  • ELK运维之路(Logstash-高级功能-7.17.24)
  • Harmony鸿蒙开发0基础入门到精通Day02--JavaScript篇
  • k8s部署容器化应用-nginx
  • Linux 根分区爆满排查与解决
  • 南阳东莞网站建设公司天津中冀建设集团有限公司网站
  • linux下虚拟机下安装一个本地yum源
  • SSH密钥认证:从密码到密钥的安全升级指南
  • 企业网站建设平台求职简历模板免费
  • 设计素材网站月收益php+mysql网站开发...
  • 网站建设实现后台数据导出excel公司网站数据库表设计
  • Docker Compose、私有镜像站和Swam集群
  • 【STL——stack容器】
  • DeepSeek-OCR:上下文光学压缩
  • QML 模块解析:从核心模块分类介绍到实际应用的组件与功能说明(之二)
  • 凡科建设网站我对网站开发的反思