miniprogram/pages/index/index.json: [“usingComponents“][“van-image“]: “@vant/weapp/image“ 未找到

最新推荐文章于 2024-04-03 20:27:55 发布
最新推荐文章于 2024-04-03 20:27:55 发布
阅读量3.5k 收藏 2
点赞数 1
分类专栏： vant 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang_59881/article/details/124091306
版权

记录 [“usingComponents”][“van-image”]: “@vant/weapp/image” 未找到

新到一家公司，拉取小程序的代码，运行后，发现报错
在这里插入图片描述
大致意思是有的页面引用了vant的部分组件，但由于本地没有下载，所以找不到组件，就报错。

解决方法：

第一步：下载vant组件，命令

npm i @vant/weapp -S --production

在这里插入图片描述
第二步：打开微信开发者工具，点击“工具”，选中“构建npm”，完成构建；会多出两个文件，一个是miniprogram_npm，一个是依赖包node_modules
在这里插入图片描述

在这里插入图片描述

第三步：点击详情–勾选“使用npm模块”
在这里插入图片描述
重新编译即可

花笙_
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
微信小程序npm引入vant-weapp的踩坑记录
10-16
主要给大家介绍了关于微信小程序npm引入vant-weapp的踩坑记录，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
vant-weapp-uniapp:vant-weapp的uniapp演示（仅微信小工具）
05-09
vant-weapp版本为1.6.7. vant weapp的组件库，都在工程的wxcomponents目录下。pages目录下是各个示例页面。 图片上传服务 提供了图片Nodejs服务 ，代码路径为\src\node-image-upload-server 安装npm包 npm install ...
微信小程序开发问题
最新发布
不断努力向上攀登的路，比站在顶峰更加让人热血沸腾！
04-03 482
pages/index/index.json 文件内容错误] pages/index/index.json: 根据页面或 app.json 的配置,pages/index/index.json 页面 renderer 为 skyline,需在页面配置中添加 disableScroll: true(env: Windows,mp,1.05.这个问题的解决办法是重新装一下微信开发者工具，安装位置设置成默认路径。不过有其它解决办法，可以评论区告诉我一下。
[ pages/index/index.json 文件内容错误] pages/index/index.json
xc979906570的博客
09-14 1万+
记录一下报错信息和解决方法 这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式。 上述解决地址文章 改了之后反而Hbuilderx报错 最后又安装了一个包成功解决 重新在该目录下进入cmd 运行 下面代码解决 npm i miniprogram-sm-crypto --production 可以参考一下 ...
解决微信小程序执行完npm install xx后依然报错[ miniprogram/pages/xxx/xx.json 文件内容错误] miniprogram/pages/xxx...
树上骑个猴的博客
05-17 3020
这个错误明显是没有安装依赖包，但是npm install完毕后还是没有解决这个问题。 经过一番查找，原来是项目缺少配置： 把“使用npm 模块”勾选上就可以了。
vant-image本地图片无法显示
01-07
坑： 正常情况下都是这样写的，但是vant这个框架不知道怎么想的，居然加载不出来，花里胡哨。文档也没有写怎么加载本地图片，到处挖坑。如图： 加载失败 解决办法： src属性绑定requeir（）方法 :src=require('../assets/logo.png') 完美解决： 加载失败 //script(vue) data() { return { //图片资源 imgList: [ require(“../assets/icon_emeetnote_nor.png”),
引用第lin-ui后报这个错误，请问是什么意思[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.js
Mileeeey的博客
09-02 2751
引用第三方ui库出现错误，invalid character之类的需要重新构建一下npm
使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：
欢迎进入小洋的博客！
01-12 1万+
使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到： vm235:1 miniprogram/app.json: ["usingcomponents"]["van-button"]: "@vant/weapp/button/index" 未找到 在开发微信小程序时，需要引入好看的UI库，这时就需要用到Vant UI，本人分享遇到的一些问题 解决办法： 1、需要先在miniprogram文件里初始化packa
微信小程序开发报错[ miniprogram/pages/index/index.json.json 文件错误] miniprogram/pages/index/index.json: Empty f
xuanjiong的博客
02-21 1125
当出现以上错误提示时，提示index.json文件为空文件，可通过错误信息找到目标文件。此时需要在index.json文件中添加部分代码即可，例如下图。即可恢复开发者工具界面。
原生微信小程序报错：[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“
weixin_73318685的博客
09-25 625
解决方法： 首先 npm i 下载项目依赖。下载完成后再在左上角工具--构建npm 生成miniprogram_npm包。直到生成miniprogram_npm包后，直接把node_modules文件夹删除 重新编译项目就可以啦～
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
03-06
vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：...
react移动端项目构建TS，react@18.2.0+react-vant+vite+axios+redux+sass+ts
03-06
vant：https://vant-contrib.gitee.io/vant/#/zh-CN axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：...
解决BUG:微信小程序vant引入报错[“usingComponents“][“van-search“]: “@vant/weapp/search/index“ 未找到
weixin_45752941的博客
02-04 1万+
[ miniprogram/pages/index/index.json 文件内容错误] miniprogram/pages/index/index.json: ["usingComponents"]["van-search"]: "@vant/weapp/search/index" 未找到。
app.json: [“usingComponents“][“van-icon“]: “@vant/weapp/icon/index“ 未找到
lxyoucan的博客
10-17 699
微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法。第2步 微信开发者工具中，在菜单栏中点“工具”->“构建npm”。做完这两步，上面的问题得到解决。Vant Weapp 官方文档。
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:
qq_52683382的博客
07-21 1670
app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
uni-app运行到微信小程序报错[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents“][“u-nav
weixin_45162034的博客
09-09 6210
uni-app运行到微信小程序时报错：“[ pages/index/index.json 文件内容错误] pages/index/index.json: [“usingComponents”][“u-navbar”] 未找到” 这是由于引用了第三方UI库，比如uview，pages.json配置easycom规则(按需引入)，使用了npm安装方式，但微信开发者工具没有构建npm，可以改下下载方式 // pages.json { "easycom": { // 下载安装的方式需要前面
uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到
热门推荐
lingliu0824的博客
03-24 2万+
在这里插入图片描述
小程序[ pages/index/index.json.json 文件错误] pages/index/index.json: Empty file is NOT a valid json file
weixin_44160132的博客
04-29 9193
错误 改正 index.json中的{ }被删了重新加上就可以
[ miniprogram/app.json 文件内容错误] miniprogram/app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
06-12
"van-button": "@vant/weapp/button/index" } } ``` 这样，小程序就能正确地识别 `van-button` 组件并加载它了。需要注意的是，`@vant/weapp` 是 Vant Weapp 组件库的命名空间，如果你使用的是其他组件库，命名...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值