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

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

【问题描述】

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

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

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

【解决方案】

使用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