常见问题之 JS 开发
使用 npm 引入三方包
方法一:
1.打开 Terminal 窗口,通过如下指令进入到 entry 目录。
cd entry
2.以引入“dayjs”为例,执行以下指令进行安装。
npm install dayjs --save
3.在对应的 js 文件中直接引用。
import dayjs from 'dayjs';
方法二:
1.打开工程目录下的 entry 目录,找到该目录下的 package.json 文件。
2.在 package.json 文件中写入想要安装的三方 npm,以“dayjs”为例,示例如下:
{
"dependencies": {
"dayjs": "^1.10.4",
}
来源:HarmonyOS 官网
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-js-developing-0000001071531174
}
3.打开 Terminal 窗口,通过如下指令进入到 entry 目录。
cd entry
4.执行指令进行安装。
npm install
5.在对应的 js 文件中直接引用。
import dayjs from 'dayjs';
说明:仅支持引入 js 三方包。
多媒体资源加载失败
检查多媒体 资源的放 置路径, 以视频文 件“ test_video.mp4”为例, 需要将其 放置 到
“js > default > common”目录下。
使用标签引入的本地图片无法加载
使用标签引入本地图片,但图片无法加载的可能情况有三种:
没有给图片设置宽度和高度,需要在对应的“page”目录下的 css 样式文件中设置图
片的宽高。使用标签的图片不会自动缩放,图片宽高超过组件的宽高会自动
来源:HarmonyOS 官网
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-js-developing-0000001071531174
截取。
图片引入路径错误。图片引入的路径必须是项目编译后的静态文件的路径。
在导入图片或添加/删除页面后没有重新编译。
网络图片无法加载
使用图片资源时,应用可以成功加载 common 路径下的本地图片,但无法加载网络图片。
检查是否申请相关权限 ohos.permission.INTERNET,进行网络连接。
来源:HarmonyOS 官网
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-js-developing-0000001071531174