按照官网文档 通过useExtendedLib扩展库 引入WeUI，报错 组件未定义 | 解决办法

已于 2023-12-07 11:47:43 修改
阅读量659 收藏 9
点赞数 6
分类专栏： 问题解决 文章标签： 微信小程序
于 2023-12-05 22:21:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/I_fole_you/article/details/134818601
版权

检查开发者工具版本是否过老
参考博客

不要使用 游客模式，游客模式不支持，请注册Appid 使用。

注意 扩展库方式 和 npm 方式不能同时使用，会有相应报错

博客搬运忽略以下内容

b82ab528-3110-460e-b1a1-c2b5aede8235
海胆Sur
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序引入组件（useExtendedLib）
caihuawei123的博客
06-05 1万+
使用之前 扩展组件库基于小程序自定义组件构建，在使用扩展组件库之前，建议先阅读熟悉小程序自定义组件。 引入组件 通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。 可以通过npm方式下载构建，npm包名为weui-miniprogram 1.useExtendedLib style 基础库 2.8.0 开始支持，低版本需做兼容处理。 微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置 “style”: "
通过 useExtendedLib 扩展库的方式引入 WeUI
crazycat2046的专栏
09-06 2144
引入并使用 WeUI 1、引入 WeUI 有两种方式 方式一：通过 useExtendedLib 扩展库的方式引入 WeUI 方式二：通过 npm 下载的方式引入 WeUI 说明： 官方推荐使用该方式，主要优点是：引入方式简便，同时也不占用小程序的包体积。 2、相关文档 https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/weui/quickstart.html https://developer
通过 useExtendedLib 扩展WeUI库步骤
reylen的专栏
09-01 504
useExtendedLib 扩展WeUI库
通过useExtendedLib方式引入 WeUI 组件库
weixin_44088659的博客
04-23 326
通过useExtendedLib方式引入 WeUI 组件库 1、在app.json 中添加 useExtendedLib 代码段 "useExtendedLib": { "weui": true } 2、在页面的 json 文件加入 usingComponents 配置字段，比如在index.json中引入 { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } } 3、然后
微信小程序通过 useExtendedLib 的方式引入 WeUI 组件库
花铛
10-22 1799
开发的小程序扩展组件库，同微信原生视觉体验一致。支持扩展库引入，不占用小程序包体积。WeUI 组件库是一套基于样式库。
weui-miniprogram:小程序WeUI组件库
04-27
这是一套基于样式库开发的小程序扩展组件库，同微信原生视觉体验一致的扩展组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。 如何使用 详细使用参考 开发 初始化 npm run ...
WeUI（微信）原型资源分享（附组件库及原型下载）
03-29
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 目前官方为开发者和设计师提供了Sketch和PSD基础样式库源文件，但对于产品童鞋...
小程序原生WeUI组件库
12-28
这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库
weui风格Axure组件库_Axure_
10-01
WeUI 是一套基于微信设计规范的开源 UI 组件库，主要为移动 Web、H5 页面提供了一套简洁、直观的设计方案。在 Axure 中，WeUI 风格的组件库可以帮助原型设计师快速构建出与微信界面风格一致的交互原型，提高设计效率...
微信小程序海报插件，生成海报的小程序组件wxa-plugin-canvas-master.zip
09-25
微信小程序海报插件，生成海报的小程序组件wxa-plugin-canvas-master.zip
WeUI.js 中文文档.pdf
08-16
WeUI.js 中文文档.pdf
微信小程序useExtendedLib引入WeUI组件库，不用npm,不占包资源
qq_44213979的博客
08-17 527
1.在app.json里引入，kbone是微信自己推的，可不引入 { "useExtendedLib": { "kbone": true, "weui": true } } 2.在需要引入的文件.json里面引入,如 { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } } 3.wxml引入 <mp-dialog title="test" show="{{true}}"
微信小程序WeUI组件，通过 useExtendedLib 扩展库 的方式引入后总提示“未找到”，完整解决方案
橙-极纪元-cplvfx-JJY.Cheng
06-28 7046
编译时报错 ["usingComponents"]["mp-cells"]: "../components/cells/cells" 未找到 ["usingComponents"]["mp-cell"]: "../components/cell/cell" 未找到 ["usingComponents"]["mp-badge"]: "../components/badge/badge" 未找到
微信小程序：WeUI引入踩坑
weixin_42052539的博客
05-22 4145
引入组件 通过useExtendedLib 扩展库的方式引入 1.报错Component is not found in path "miniprogram_npm/weui-miniprogram/dialog/dialog 解决方法：下载微信开发者工具1.04并勾上详情的使用新的编译模块(我linux 1.2没有这个) 2.报错["usingComponents"]["mp-dialog"] 未找到 "mp-dialog": "/miniprogram_npm/weui-minipro..
小程序 通过useExtendedLib扩展引入weui （不占用小程序的包体积）
jiongsin的博客
09-16 669
1、在app.json中配置 "useExtendedLib": { "weui": true } 2、在对应的文件的json引入你需要的组件 "usingComponents": { "mp-actionSheet": "weui-miniprogram/actionsheet/actionsheet" }, 3、在对应的js文件引入对应的数据 showActionsheet: true, //默认false groups: [ { text: '示例菜单', v
微信小程序useExtendedLib和NPM方式引入WeUI
qq_41988669的博客
10-11 443
1、打开调试器->终端->新建终端，输入npm init回车，之后一直按Enter键，不用输入任何命令，直到提示"IS THIS OK?2、在需要使用组件的json页面中增加组件初始化，如需在index加载mp-dialog，则在index.json页面中增加如下代码。4、在需要使用组件的json页面中增加组件初始化，如需在index加载mp-dialog，则在index.json页面中增加如下代码。1、在app.json中加入如下代码，表示该小程序需要加载weui组件。
小程序(原生) 引入weUI组件
weixin_44805839的博客
07-07 2010
小程序(原生) 引入weUI组件
weui组件库axure
最新发布
07-31
weui组件库是一个基于微信UI规范的开源组件库，它提供了一套丰富的在微信公众号开发中常用的UI组件和交互样式。而axure是一种快速原型设计工具，可以帮助设计师快速创建原型，进行交互设计和用户测试。 将weui组件库和axure相结合使用可以带来很多好处。首先，weui组件库已经提供了很多符合微信UI规范的组件，设计师可以直接使用这些组件来快速构建界面。而axure可以帮助设计师将这些组件拖拽到画板上进行布局，并添加交互效果，使得原型更加生动和具有真实的用户体验。 其次，axure还能够方便地实现复杂的交互流程和页面跳转。设计师可以通过axure的交互功能来模拟用户的操作路径，以便更好地理解用户需求和可能的问题。同时，axure还支持生成可视化的交互演示，方便与团队成员、产品经理和开发者进行沟通和反馈。 最后，weui组件库和axure的结合也能够提高设计效率和准确性。设计师可以直接使用weui组件库中的组件来构建界面，避免从头开始设计，节省时间和精力。而axure的拖拽式布局和交互功能，可以使得设计师更加专注于交互和用户体验的设计，减少了编写代码的工作量。 总之，通过使用weui组件库和axure，设计师可以更加高效地进行微信公众号界面设计和交互设计。这种结合能够提高设计效率、准确性，同时也方便与团队成员和开发者进行沟通和协作，最终得到更好的用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值