扩展组件踩坑

使用小程序扩展组件 grid 时，按文档操作完后，运行报错 "@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/col",
    "mp-row": "@miniprogram-component-plus/row"
  }
}