ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-07-08 11:06:23  阅读:248  来源: 互联网

标签:类库 npm dayjs ets js entry


鸿蒙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三方包。

标签:类库,npm,dayjs,ets,js,entry
来源: https://www.cnblogs.com/developer-huawei/p/16457488.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有