解决 微信小程序引入weui组件库 报 [“usingComponents“][“mp-icon“]: “weui-miniprogram/icon/icon“ 未找到 错误

最新推荐文章于 2024-07-09 14:29:46 发布
最新推荐文章于 2024-07-09 14:29:46 发布
阅读量7.5k 收藏 7
点赞数 3
文章标签： 小程序 js css3 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012493556/article/details/111167450
版权
本文档介绍了微信小程序在引入weui组件库时遇到的"[“usingComponents“][“mp-icon“]: “weui-miniprogram/icon/icon“ 未找到”错误的解决步骤，包括使用npm初始化项目，安装weui-miniprogram，构建npm模块，以及在app.wxss中引入weui样式，并提供了官方icon组件的使用参考。
摘要由CSDN通过智能技术生成

微信小程序引入weui组件库 报 ["usingComponents"]["mp-icon"]: "weui-miniprogram/icon/icon" 未找到 错误

解决方式如下

1.找到你所在的项目，使用命令行  （1） npm init y  (2)  npm install weui-miniprogram 

2.构建npm模块： 开发者工具的菜单中—>工具—>构建npm模块

这时项目目录会生成一个miniprogram_npm文件目录

3.在 app.wxss 里面引入 weui.wxss

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'

4.参考微信小程序文档  使用 icon

 文档地址： https://developers.weix

最低0.47元/天 解锁文章
靳小霞
关注
小程序 自定义组件报错[“usingComponents“][“my-list“] 未找到
Start2019
07-01 7440
根据官网案例写了一个自定义组件，引入时总是报这个错误。 后面在社区里面找到了解决办法，把上面配置中改成："my-list": "/components/my-list/my-list"就可以了。 具体原因：官方文档上的自定义组件是 4 个文件全部都在 components 文件夹下，所以他们只需要 /components/my-list 就可以了。而我们实际开发需要多个组件，在 components 下会多新建一个文件夹，如果依旧 /components/my-list 这么写，此时找到的只是...
【报错记录】miniprogram/app.json: [“usingComponents“][“van-icon“]: “@vant/weapp/icon/index“
Olyvia_111的博客
05-12 414
【代码】【报错记录】miniprogram/app.json: ["usingComponents"]["van-icon"]: "@vant/weapp/icon/index"
微信小程序引入自定义子组件报错，在 C:/Users/***/WeChatProjects/miniprogram-1/components/路径下***
最新发布
qq_42931285的博客
07-09 711
微信小程序引入自定义子组件文件报错
[“mp-icon“]: “weui-miniprogram/icon/icon“ not found
qq_40793132的博客
07-15 733
出现这种情况，可以通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。 指定后，相当于引入了对应扩展库相关的最新版本的 npm 包，同时也不占用小程序的包体积。rc工具版本支持分包引用。用法如下： //app.json文件设置 { "useExtendedLib": { "weui": true } } ...
微信小程序weui库引用不了，报错 [“usingComponents“][“mp-uploader“]: “weui-miniprogram/uploader/uploader“ 未找到
momaoxi的博客
05-10 748
微信小程序weui库引用不了，报错 ["usingComponents"]["mp-uploader"]: "weui-miniprogram/uploader/uploader" 未找到
微信小程序-WeUI 是一套同微信原生视觉体验一致的基础样式库
08-06
微信小程序-WeUI 是一套专为微信环境设计的基础样式库，旨在提供与微信原生界面一致的用户体验。这个项目名为 "weui-wxss-master"，由微信官方设计团队精心打造，确保在微信内的网页和微信小程序中使用时，用户能够...
微信小程序搜索组件wxSearch实例详解
08-30
微信小程序的搜索组件`wxSearch`提供了一种优雅的方式来实现内置搜索功能，它支持自定义热门关键词、搜索历史、搜索建议以及搜索历史记录的缓存。这个组件对于开发者来说非常实用，因为它允许用户在小程序内部方便地...
小程序学习第四天（常用界面api,获取用户信息，weui组件库，云开发初识）
ILove_bugs的博客
12-30 1029
常用界面api及案例 常用界面API：wx.showToast()、wx.showLoading()、wx.hideLoading()、wx.setNavigationBarTitle() 获取用户信息 授权过程：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html ## 通过API获取用户信息 wx.getUserProfile({ }) 获取用户信息 页面产生点击事件（..
微信小程序常用界面api及案例、获取用户信息、获取手机号、WeUI组件库、微信小程序云开发、云函数、云存储
weixin_49030317的博客
05-13 1638
三.常用界面api及案例 常用界面API：wx.showToast()、wx.showLoading()、wx.hideLoading()、wx.setNavigationBarTitle() 案例需求：请求接口，获取数据，进行数据渲染，添加点击事件，跳转页面，动态显示导航，使用交互api，完善页面加载效果 代码案例： wx.showLoading({ title: '加载数据...', }) wx.hideLoading() showLoading 不会自动消失，需要hide
解决微信小程序自定义组件报错找不到路径的问题:[ pages/home/home.json 文件内容错误] pages/home/home.json: [“usingComponents
syq1791899128的博客
03-16 9238
今天在写微信小程的时候发现了一些问题，又偶然之下得到了解决，微信小程序自定义组件被报错路径找不到的问题，我在b站上看微信小程序制作的视频，在自定义组件的时候发现步骤各种都和视频；里面的老师一样，但是就是报错，在我百思不得其解的时候，看了我以前写的项目，在偶然尝试之下解决了
mpvue+vant构建微信小程序时引入组件路径出错
纸鸢的博客
06-10 628
mpvue+vant构建微信小程序时引入组件路径出错 错误：编译打包后无法找到usingComponents下的应用 解决办法：克隆vant仓库，将dist目录下的所有文件复制到你项目的/static/vant/目录下。 git clone https://github.com/youzan/vant-weapp.git // 当然你也可以克隆本仓库代码，本仓库会与vant仓库保持同步。直接将vant目录复制到/static目录下 git clone https://github.com/Rychou/mp
微信小程序模拟器启动失败-usingComponents报错
dx63dx的博客
01-06 1684
可将这一组文件设为自定义组件）---然后删除下图选中部分--只保留“解决办法：在自定义index下的.json中添加组件说明（将。” : true字段。
小程序开发中使用公共组件icon丢失问题
qq_47686977的博客
08-29 590
小程序开发中使用公共组件icon丢失问题
原生微信小程序报错：[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“
weixin_73318685的博客
09-25 822
解决方法： 首先 npm i 下载项目依赖。下载完成后再在左上角工具--构建npm 生成miniprogram_npm包。直到生成miniprogram_npm包后，直接把node_modules文件夹删除 重新编译项目就可以啦～
微信小程序WeUI组件，通过 useExtendedLib 扩展库 的方式引入后总提示“未找到”，完整解决方案
橙-极纪元-cplvfx-JJY.Cheng
06-28 7114
编译时报错 ["usingComponents"]["mp-cells"]: "../components/cells/cells" 未找到 ["usingComponents"]["mp-cell"]: "../components/cell/cell" 未找到 ["usingComponents"]["mp-badge"]: "../components/badge/badge" 未找到
解决微信小程序报错 “[ app.json 文件内容错误] app.json: [“usingComponents“][“l-grid“] 未找到(env: Windows,mp,1.05.2111”
qq_17525509的博客
01-08 5380
首先报错是因为没有找到 npm需要构建npm，因此说明使用的是vue框架，这更加说明需要构建npm依赖了； 1.打开微信开发者工具--->工具---->构建npm 如图显示构建完成 如果构建提示如下 则需要先安装nodjs，点击下载进入官网安装nodejs并且配置nodejs，下载并且配置nodejs后执行如下命令 npm i @vant/weapp -S --production 记住一定要在当前小程序的根目录下执行才可以 之后再去执行上面的构建npm，就会显示构建成.
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值