Harmony版Flutter开发及常见错误解决

197 阅读1分钟

环境配置

Flutter鸿蒙版SDK下载

地址: flutter_flutter/README.md · OpenHarmony-TPC/flutter_flutter - GitCode

git clone: gitcode.com/openharmony…

我选择的是分支是 br_3.22.0-ohos-1.0.4

Windows环境变量配置

image.png

image.png

image.png

image.png

DevecoStudio 下载

image.png

环境验证

打开CMD命令行: Flutter doctor -v

image.png

Fluteer 和 HarmonyOs 验证没问题

Flutter项目创建

打开CMD命令行: Flutter create flutter_test

该命令创建兼容 鸿蒙 Android IOS 三端的Flutter项目,注意项目名格式要小写加下划线分开

USB连接鸿蒙手机

打开CMD命令行: Flutter run

将项目运行至鸿蒙手机

*** 常见错误(巨坑无比)

无法运行Flutter命令

image.png

是.flutter_settings文件中的配置出错

位置是C:\Users\你的用户名\AppData\Roaming.flutter_settings

删除此文件或者手动打开修改里面的错误配置路径

错误 No Hmos SDK found. Try setting the HOS_SDK_HOME environment variable

SDK环境路径配置错误

image.png

具体路径为你DevEco Studio安装目录下的sdk文件夹

D:\你的文件路径\DevEco Studio\sdk

用Flutter doctor -v 验证路径是否正确

错误 ERROR: SDK component missing. Please verify the integrity of your SDK. > hvigor ERROR: Error: SDK component miss

检查环境变量配置没问题的话,那就是Command Line Tools工具包的问题。 DevEco Studio会使用编译器下载时绑定的Command Line Tools。如果你单独下载过Command Line Tools运行 flutter fun 命令跑项目时就会使用你单独下载的Command Line Tools工具包。

运行Flutter run命令获得报错后找到
项目根目录ohos->.hvigor->outputs->build-logs->build.log中查看报错位置。看这个报错位置使用的Command Line Tools工具是否为单独下载的,是的话直接删除掉整个工具包。

image.png