HarmonyOS 鸿蒙Next React-Native第三方库手动link时报错？

发布于 1周前 作者 caililin 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next React-Native第三方库手动link时报错？

按照环境搭建，生成了两个同级的目录AwesomeProject和MyApplicaton，前者是RN的。

启动后，模拟器上能正常显示页面。

现安装第三方库react-native-webview ，下载tgz包，yarn add执行成功

// 在工程根目录的 oh-package.json5添加 overrides 字段
{
…
“overrides”: {
“@rnoh/react-native-openharmony” : “./react_native_openharmony”
}
}


// 打开 entry/oh-package.json5，添加以下依赖


“dependencies”: {
“@rnoh/react-native-openharmony”: “file:…/react_native_openharmony”,


<span class="hljs-string">"@react-native-oh-tpl/react-native-webview"</span>: <span class="hljs-string">"file:../../AwesomeProject/node_modules/@react-native-oh-tpl/react-native-webview/harmony/rn_webview.har"</span>  

}

 MyApplicaton下并没有react_native_openharmony目录，在entry目录下执行ohpm install报错了

➜  entry ohpm install

ohpm ERROR: missing: @rnoh/react-native-openharmony@/Users/linlin/DevEcoStudioProjects/MyApplicaton/react_native_openharmony, required by @

ohpm ERROR: Found exception: Error: Fetch local folder package error, /Users/linlin/DevEcoStudioProjects/MyApplicaton/react_native_openharmony does not exist., reached retry limit or non retryable error encountered.

AwesomeProject和MyApplicaton是同一个目录吗？

./react_native_openharmony是怎么来的？

环境搭建：release包使用

  1. 在 MyApplication 目录下新建 libs 文件夹，将 react_native_openharmony-xxx-release.har 放入该目录。

react_native_openharmony-xxx-release.har这个文件从哪里来的？

Harmonyos Next教程
2 回复

在HarmonyOS（鸿蒙）环境下使用React-Native进行开发时，若遇到Next第三方库手动link时报错的问题，通常可能是由于以下几个原因：

  1. 依赖不兼容：检查Next库是否支持HarmonyOS平台。由于HarmonyOS与Android、iOS存在差异，部分React-Native库可能未完全适配。

  2. 配置错误：确认在android/settings.gradle、android/app/build.gradle以及android/build.gradle等文件中是否已正确添加库依赖和配置。

  3. 手动link步骤错误：手动link第三方库时，需确保执行了所有必要的步骤，如复制原生模块代码到项目目录、修改配置文件等。

  4. 版本冲突：检查React-Native版本与Next库版本是否兼容，以及是否与其他库存在版本冲突。

  5. 编译环境问题：确保HarmonyOS开发环境配置正确，包括JDK、Node.js、npm/yarn等工具的版本和路径设置。

针对上述问题，建议逐一排查并修正。同时，确保使用的Next库版本是最新的，或至少是有HarmonyOS支持记录的版本。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。

回到顶部