小程序自定义组件的路径报错是怎么回事？

原创

于 2019-07-29 11:29:17 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #minui

在微信小程序开发中，使用minui组件遇到路径错误。解决方法包括：1) 安装组件后编译；2) 在dist/packages中找到编译文件；3) 在页面json文件中引入组件并声明路径；4) 如果子组件缺失，需单独安装并更新父组件的json配置。通过这些步骤，成功解决了wxc-notice组件中wxc-icon路径问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在小程序中使用minui搭建组件的时候下图错误。该怎么解决呢！
在这里插入图片描述
1.通过min init [name]安装组件之后，需要通过min build进行编译
2.编译完之后，dist/packages中就会有编译好的文件
3.进行引入，在api:https://meili.github.io/min/docs/min-cli/third-project/using/index.html
中有使用组件的方法

准备在 pages 目录下的 home 页面使用自定义组件（下面都是以 home 页面举例）

 your_weapp_project
           ├──pages
           |   ├── home
           |   ├── index.js
           |   |   ├── index.wxml
           |   |   ├── index.wxss
           |   |   ├── index.json

进入 pages/home/index.json 文件中进行引用声明，此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径：

 {
  "enablePullDownRefresh": true,
  "usingComponents": {
    "wxc-notice": "../../dist/packages/@minui/wxc-notice/dist/index"
  }
}

最低0.47元/天解锁文章

200万优质内容无限畅学