扩展组件踩坑
发布于 3 年前 作者 yangqian 2619 次浏览 来自 分享

使用小程序扩展组件 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

  • 接下来就是使用组件在所需页面的步骤
  1. 页面 json 文件中加入 usingComponents 字段;之后在页面使用组件就不会报错找不到该文件了
{
  "usingComponents": {
    "mp-col": "[@miniprogram-component-plus](/user/miniprogram-component-plus)/col",
    "mp-row": "[@miniprogram-component-plus](/user/miniprogram-component-plus)/row"
  }
}
回到顶部