评论

扩展组件踩坑

扩展组件踩坑npm包使用构建

使用小程序扩展组件 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"
  }
}
最后一次编辑于  2021-02-20  
点赞 0
收藏
评论

1 个评论

  • 🍉糖大敬🌸
    🍉糖大敬🌸
    2021-05-10

    看了好几个人的提问和回答,你的最详细,十分顺利的解决了问题,感谢~

    2021-05-10
    赞同
    回复
登录 后发表内容