【ArkUI】【HarmonyOS】鸿蒙ets项目如何npm方式引入第三方js类库
2023-09-11 14:17:17 时间
鸿蒙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三方包。
相关文章
- ace.js实现一个在线代码编辑器
- java +selenuim使用js显示控件
- js面向对象,多种创建对象方法!
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- JS监听不到被操作后dom的事件,js动态生成的DOM绑定事件失效,解决方案
- Flutter加载Html并实现与JS 的双向调用
- 【小程序】通过for循环实现Js数据的前台调用(商品列表示例)
- 爬虫之JS的解析确定js的位置
- Vue - 实现用 JS 调用自定义组件 / 类似 ElementUI 弹框组件(在 js 文件中通过 this.xxx 方式调用并显示自定义弹框模态框组件)
- 【Harmony OS】WebView调用JS并获取执行结果
- Node.js创建自签名的HTTPS服务器
- 让js的forin循环禁止forin到某个属性的话要怎么做
- 《Node应用程序构建——使用MongoDB和Backbone》一第 1 章 Node.js基本介绍1.1 Node和npm命令
- npm和Node.js简介
- js和 php 介绍
- JS-011-颜色进制转换(RGB转16进制;16进制转RGB)
- JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题
- 推荐4款高星星JS库:canvas库-Fabric.js、JavaScript客户端文件上传库-FilePond、客户端保存文件解决方案-FileSaver、JavaScript在线解压 ZIP 文件-JSZip
- 【ArkUI】【HarmonyOS】鸿蒙ets项目如何npm方式引入第三方js类库
- 【HarmonyOS】【JS】 鸿蒙js开发使用div自带的scroll,滑动条拉不到最下面?
- 原生js源码之JavaScript的call方法,自己来实现
- Tab选项卡 延迟切换效果js实现