扩展组件踩坑
使用小程序扩展组件 grid 时,按文档操作完后,运行报错 "[@miniprogram-component-plus](/user/miniprogram-component-plus)/col" not found,后面才发现文档中npm支持没有设置好,建议开发初期就将npm构建完成,接下来是npm构建的完整步骤:
- 首先在根目录npm init 建立package.json文件用来存储扩展组件包;
这里注意让你取package.json文件名,文件名中不能包含大写,名字随便取。
之后就是一路enter就好
- 第二步就是利用开发者工具构建npm,详情勾选使用npm 、 设置点击npm构建
- 第三步根据扩展组件的文档使用npm下载组件就ok
- 安装包就会直接下载package.json文件的dependencies
- 接下来就是使用组件在所需页面的步骤
- 页面 json 文件中加入 usingComponents 字段;之后在页面使用组件就不会报错找不到该文件了
{
"usingComponents": {
"mp-col": "[@miniprogram-component-plus](/user/miniprogram-component-plus)/col",
"mp-row": "[@miniprogram-component-plus](/user/miniprogram-component-plus)/row"
}
}