更新升级 专属应用 系统故障 硬件故障 电脑汽车 鸿蒙刷机 鸿蒙开发Linux教程 鸿蒙开发Linux命令
当前位置:HMXT之家 > 应用开发 > 鸿蒙HarmonyOS ets项目如何npm方式引入第三方js类库

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

更新时间:2022-01-08 08:36:19浏览次数:564+次

以下是关于HarmonyOS ArkUI技术的问题,鸿蒙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三方包。

相关参考:HarmonyOS与DevEco Studio怎么导入第三方jar