> 文档中心 > 【ArkUI】【HarmonyOS】鸿蒙ets项目如何npm方式引入第三方js类库

【ArkUI】【HarmonyOS】鸿蒙ets项目如何npm方式引入第三方js类库

鸿蒙ets项目如何npm方式引入第三方js类库

【问题描述】

想要在ets项目中npm引用第三方开发的js类库,只知道在项目的package.json中加入依赖语句后,同步sync一下项目会自动生成对应依赖项目的源文件目录,在使用该第三方js类库时,遇到了无法在ets项目导入相关js文件,从而无法使用,而且第三方js库ide检查语法也是错误的,那么ets项目中应该如何使用npm依赖的js第三方类库?

在项目的package.json中加入依赖语句

image.png

同步sync一下项目会自动生成对应依赖项目的源文件目录

image.png

【解决方案】

使用npm引入三方包(仅支持引入js三方包)

这次我们提供两种解决方案

方案一:

a.打开Terminal窗口,通过如下指令进入到entry目录。

cd entry

b.以引入“dayjs”为例,执行以下指令进行安装。

npm install dayjs --save

c.在对应的js文件中直接引用。

import dayjs from 'dayjs';

方案二:

a.打开工程目录下的entry目录,找到该目录下的package.json文件。

b.在package.json文件中写入想要安装的三方npm,以“dayjs”为例,示例如下:

{

  "dependencies": {

    "dayjs": "^1.10.4",

  }

}

c.打开Terminal窗口,通过如下指令进入到entry目录。

cd entry

d.执行指令进行安装。

npm install

e.在对应的js文件中直接引用。

import dayjs from 'dayjs';

说明

仅支持引入js三方包。

更多相关学习资料:
https://developer.huawei.com/consumer/cn/forum/topic/0202769537680520280?fid=0102683795438680754?ha_source=zzh