HarmonyOS 鸿蒙Next js引入第三方库

HarmonyOS 鸿蒙Next js引入第三方库

开发环境:

  • (1)编译器:DevEco Studio 3.0.0.900 (for OpenHarmony)
  • (2)IDE中配置的Nodejs(官网下载)版本:16.15.1
  • (3)按照官网的方法,在【项目/entry】目录下安装了modbus-serial库

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-js-developing-0000001071531174

问题描述:

在pages/index/index.js中添加库文件引入语句import ModbusRTU from 'modbus-serial',添加此语句后运行该项目,页面文本无法正常显示,控制台也没有任何报错,且无法断点调试。


更多关于HarmonyOS 鸿蒙Next js引入第三方库的实战教程也可以访问 https://www.itying.com/category-93-b0.html

14 回复

楼主你好,HarmonyOS目前不支持modbus-serial库,请持续关注HarmonyOS官网。

更多关于HarmonyOS 鸿蒙Next js引入第三方库的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


好的。那在哪里可以看到是否支持这个库呢?

我前段时间也导了三方库,我的步骤是这样的

```css
npm install [@ohos](/user/ohos)/XXXX

这边有个参考

https://gitee.com/openharmony-tpc/docs/blob/master/OpenHarmony_npm_usage.md

导入成功之后,这里会有你的三方库

接下来在类里面导入就行了,大括号里面的xxxxxx是类名,后面那个xxxxxx是你的三方库的名字,一般就是前面是大写的,后面的是小写的

import {xxxxxx} from "[@ohos](/user/ohos)/xxxxxx"

试了一下,还是不行,可能就是系统本身不支持这个库,

开发者您好,确实是暂时不支持,后续有疑问可随时发帖,也期待您更多的分享~

只在js中加了一个import语句,就报了这个错误

cke_904.png

包括net库、dgram库也安装了,如果不安装会报错,程序运行不起来,不懂为什么

开发者您好,错误提示,无法找到依赖包,请检测package.json文件是否已存在你所需要添加的三方库。

最外层的 package.json 是有的。我发现新建项目会在项目根目录自动产生一个 node_modules,但是官方文档里又说要在 entry 下进行 npm install ,这样就在 entry 下产生 node_modules,所以不知道到底用的哪个 modules。

package.json中是有这个依赖的,

- 依赖名称: `lodash`
- 依赖版本: `^4.17.21`
- 是否最新: 否
- 最近更新日期: 2023-04-01
文字版

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: Lifetime: 0.000000s

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: Js-Engine: ark

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: page: pages/index/index.js

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: Error message: Obj is not a Valid object

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: Stacktrace:

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: Intrinsic method

08-05 09:27:56.621 3206-3215/com.example.ohtest2 E 03900/Ace: at (pages/index/index.js:1899:4)

引入第三方库后,log打印这个错误

欢迎开发小伙伴们进来帮帮楼主

在HarmonyOS(鸿蒙)系统中,若你正在使用Next.js并希望引入第三方库,操作流程与在标准的Node.js环境下使用Next.js引入第三方库基本一致。以下是简要步骤:

  1. 确定第三方库:首先明确你需要引入的第三方库的名称和版本。

  2. 修改package.json:在你的项目根目录下找到package.json文件,并在dependenciesdevDependencies部分添加所需的第三方库及其版本。例如:

    "dependencies": {
      "some-third-party-library": "^1.0.0"
    }
    
  3. 安装依赖:在项目根目录下打开终端或命令行工具,运行npm installyarn install(如果你使用yarn作为包管理器)来安装新添加的依赖。

  4. 在Next.js项目中引用:在你的Next.js项目的文件中,通过importrequire语句引入并使用该第三方库。例如:

    import SomeThirdPartyLibrary from 'some-third-party-library';
    
    function MyComponent() {
      return (
        <div>
          {SomeThirdPartyLibrary.someFunction()}
        </div>
      );
    }
    
  5. 确保兼容性:注意检查第三方库是否与HarmonyOS环境兼容,特别是那些依赖于特定操作系统功能的库。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部