这篇具有很好参考价值的文章主要介绍了解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
在HbuilderX里创建了个uniapp的项目，但是引入vant后，在微信小程序里运行没反应
这是App.vue文件
加了@import 巴拉巴拉那些
问题就出在pages.json文件里，
当我们用快捷输入的usingComponenets这个，就有问题了
文章来源：https://www.toymoban.com/news/detail-651653.html
如果你不是这个原因，那就关了这篇文章吧
如果对你有用，点个赞呗文章来源地址https://www.toymoban.com/news/detail-651653.html
到了这里，关于解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
Vant 是一个轻量、可定制的移动端组件库，于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。 Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所
![解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到](https://imgs.yssmx.com/Uploads/2024/02/509850-1.png)
报错内容： [ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: [\\\"usingComponents\\\"][\\\"van-search\\\"]: \\\"@vant/weapp/search/index\\\" 未找到 (env: Windows,mp,1.06.2301040; lib: 2.14.1) 按照vant说明文档配了很多遍，微信小程序也更新到最新版本，project.package.json如下配置 依旧报错。网上各
/deep/ 的兼容性不好，node-sass支持这个 /deep/ 。但是 node-sass 被 sass 和现代项目抛弃了。 如果项目里装了 sass 和 node-sass sass-loader会优先使用sass，sass只认识 ::v-deep 。 请根据自己的项目选择使用 ::v-deep 还是 /deep/ 。
![微信小程序引入vant与解决[ app.json 文件内容错误] [“van-button“]: “@vant/weapp/button/index“ 未找到](https://imgs.yssmx.com/Uploads/2024/02/503116-1.png)
下面模拟小白引入vant所遇到的问题与[ app.json 文件内容错误] [\\\"van-button\\\"]: \\\"@vant/weapp/button/index\\\" 未找到 1，利用npm引入vant组件，在目录下初始化组件库 命令：npm init 按ENTER键直到最后回yes好了 2，npm i vant-weapp -S --production 3，回到小程序构建npm 4，此时可能会出现这样的一个问题
2、main.js文件引入 3.app.vue中引入vant 样式文件
写在前面： 注意： Vantwapp官网 第一步：在Hbuilder中新建uniapp项目（以vue2x项目为例） 第二步：通过npm安装Vant 右键项目根目录，选择“ 在外部资源管理器打开 ” 点击目录栏， 输入cmd ,进入控制台 输入 npm i @vant/weapp -S --production 进行安装 安装成功后页面会新增 node_modules 文件
在使用uniapp框架开发微信小程序时，使用到了uni-ui的uni-table组件。由于需要修改表头的背景色，于是乎在微信开发工具中使用调试工具审查元素获取其class名： 尝试直接在页面中修改样式： 结果无效。于是尝试使用深度选择器 依然无效。然后查询微信平台官方开发文档得知
略 iconfont 指 https://www.iconfont.cn/。 通过 iconfont 可组建自己的图标库。 注册帐号 创建项目 添加图标 Font Family：默认为iconfont。当项目中已有iconfont名称的字体时，需要使用不同的名字。 略 将 iconfont.css 重命名为 iconfont20231007.wxss 将 iconfont20231007.wxss 文件复制到小程序的font目录
1.在cmd里或者是终端里，找到对应的项目，并执行下面的命令，用来初始化package.json文件。 2.勾选下图选项 3.执行下面的命令安装vant ui 然后你会发现多了一个node_modules文件， 里面存的就是第三方组件。 4.最后一步，每次安装完一个新的第三方插件都要执行“构建npm” 执行完
1.下载vant-weapp的dist文件 2.在项目中创建一个文件叫wxcomponents，注意这个文件和page文件平级，引入dist 注意文件名一定要是wxcomponents（莫名其妙的坑）， 3.APP.VUE里引入样式 4.pages.json全局注册 5.报错引入css报错 index.wxss里的 url(前面加空格全局替换(引入的字体图标路径有问题
