小程序引入weui的坑

使用npm方法引入weui,然后在json中引入tabbar组件

{
  "usingComponents": {
    "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog",
    "mp-tabbar": "/miniprogram_npm/weui-miniprogram/tabbar/tabbar"
  }
}

报错如下:

Component is not found in path "miniprogram_npm/weui-miniprogram/tabbar/tabbar" 

仔细检查路径,没问题。而且同时引入的dialog就是OK的。
最后重新构建npm,就好了。。。

如果不是要使用扩展组件,那就没必要使用npm引入weui,直接使用 useExtendedLib 方式,非常好用。
猜测是构建npm过程出了错,anyway,记录一下,就不用对着屏幕瞎了眼检查路径。

### 正确引入并配置 WeUI 框架的方法 要在微信小程序项目中正确引入并配置 WeUI 框架,可以通过以下方法完成: #### 1. 下载 WeUI 的源码 访问腾讯 GitHub 页面获取 WeUI 的最新版本代码。通过浏览器打开链接后,在页面上找到下载按钮或者克隆仓库地址来获取完整的 WeUI 库文件[^2]。 #### 2. 配置全局设置 `app.json` 为了支持扩展库功能,需在项目的根目录下的 `app.json` 文件中启用扩展库选项 `"useExtendedLib"` 并将其值设为 `{ "weui": true }`。这一步是为了让整个应用能够识别和加载 WeUI 组件[^3]。 ```json { "useExtendedLib": { "weui": true } } ``` #### 3. 在具体页面 JSON 中声明所需组件 对于需要使用特定 WeUI 组件的页面,应在该页面对应的 `.json` 文件里定义这些组件的位置路径。例如要使用对话框组件,则添加如下字段到目标页面的 json 文件中: ```json { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } } ``` 以上操作完成后即可开始调用已注册好的 WeUI 控件于 WXML 和 WXSS 当中进行布局设计以及样式调整等工作流程之中去了。 ```python # 示例 Python 脚本用于演示如何自动化处理某些任务(此部分仅作为补充说明) import os def setup_weui_in_project(project_path): app_json_file = os.path.join(project_path, 'app.json') with open(app_json_file, 'r+', encoding='utf-8') as f: content = f.read() if '"useExtendedLib"' not in content: updated_content = content.replace('}', ',\n "useExtendedLib": {\n "weui": true\n }\n}') f.seek(0) f.write(updated_content) setup_weui_in_project('/path/to/your/miniproject') ``` 上述脚本展示了怎样利用简单的编程技巧帮助开发者快速修改应用程序配置文件以适应新的需求变化情况。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

immocha

人生得意须尽欢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值