JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到

最新推荐文章于 2023-07-21 21:00:22 发布
转载 最新推荐文章于 2023-07-21 21:00:22 发布 · 4k 阅读 · 3 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/Fine_Cui/article/details/107395182
文章标签：

#小程序 #npm #vue

博客主要围绕小程序开发中出现的问题展开。当出现.json文件里'usingComponents'中'van-button'未找到的错误信息时，可右击在外部命令行打开，按提示回车确定，再执行相关操作，最后点击菜单栏工具构建npm，还需重新定义路径。

错误信息

.json: [“usingComponents”][“van-button”] 未找到
或者
.json: [“usingComponents”][“van-button”]: “path/to/vant-weapp/dist/button/index” 未找到

解决

右击在外部命令行打开

执行

npm init

一路回车确定

npm install --production

然后执行

npm i vant-weapp -S --production -verbose

点击菜单栏–》工具 --》构建npm,下图是项目的本地设置

重新定义路径



微信小程序使用vant weapp报错
Dark_programmer的博客
06-29 5867
微信小程序使用vant weapp
小程序 自定义组件报错[“usingComponents“][“my-list“] 未找到
Start2019
07-01 8023
根据官网案例写了一个自定义组件，引入时总是报这个错误。 后面在社区里面找到了解决办法，把上面配置中改成："my-list": "/components/my-list/my-list"就可以了。 具体原因：官方文档上的自定义组件是 4 个文件全部都在 components 文件夹下，所以他们只需要 /components/my-list 就可以了。而我们实际开发需要多个组件，在 components 下会多新建一个文件夹，如果依旧 /components/my-list 这么写，此时找到的只是...
微信小程序json: [“usingComponents“][“van-button“] 未找到
qq_41562031的博客
11-27 7069
历经三小时，把全网方法用便才构建成功。 按着我的流程来 1、cmd进入文件下面，切记是文件，不是miniProgram，是根目录下 2、npm init初始化，初始化完成之后，小程序项目中就会出现package.json文件，说明已经初始化成功 3、npm install --production 安装生产环境，不要npm install都给装上，以免小程序包过大 4、安装vant ：npm i vant-weapp -S --production 5、打开微信开发者工具，工具栏中选择构建 npm 6、软件
[“usingComponents“][“van-button“]: “@vant/weapp/dist/button/index“ 未找到(env: Windows,mp,1.06.230
qq_46506007的博客
03-20 3920
["usingComponents"]["van-button"]: "@vant/weapp/dist/button/index" 未找到(env: Windows,mp,1.06.230 报错，和新手创建ts项目 引入vant
使用Vant 组件 [“usingcomponents“][“van-button“]: “@vant/weapp/button/index“ 未找到：
fghfghhgjgj的博客
01-14 1万+
这个问题困扰了我很久。 “未找到”，其实就是路径不对。 总结一下使用vant weapp的步骤。 第一步：在node中文网，下载并安装Node。 将node加入环境变量。 第二步：检查node是否安装成功。 win+R，cmd，输入命令：node -v，或者npm -v，只要显示版本号就可以了。 第三步：新建一个小程序。名字不要用中文的。 在小程序根目录，打开命令行窗口。 输入命令： npm init -y //-y的意思是，一直按 yes ,就是enter键。 npm i @vant/weapp -S
*.json: [“usingComponents“][“van-button“] 未找到
热门推荐
Java Pro
07-16 19万+
错误信息 .json: [“usingComponents”][“van-button”] 未找到 或者 .json: [“usingComponents”][“van-button”]: “path/to/vant-weapp/dist/button/index” 未找到 解决 右击在外部命令行打开 执行 npm init 一路回车确定 npm install --production 然后执行 npm i vant-weapp -S --production -verbose 点击菜单栏–》工具
5. 使用 Vant 组件 在页面 json 文件中配置：{ "usingComponents": { "van-button": "@vant/weapp/button/index", "van-field": "@vant/weapp/field/index", "van-form": "@vant/weapp/form/index" } } 在 wxml 文件中使用：<van-form bind:submit="onSubmit"> <van-field name="username" label="用户名" placeholder="请输入用户名" /> <van-button type="primary" block>提交</van-button> </van-form> 请告知我具体文件路径
06-29
--button-primary-background-color: #07c160; --button-primary-border-color: #07c160; --field-label-color: #333; --field-input-text-color: #222; } ``` ## 路径配置最佳实践 1. **使用路径别名**（适用...
[ miniprogram/app.json 文件内容错误] miniprogram/app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
06-12
这个错误表示在小程序或者小程序组件中使用了一个叫做 `van-button` 的组件，但是在 `app.json` 文件中没有正确的配置。具体来说，`app.json` 文件中需要添加以下内容： ```json { "usingComponents": { "van-...
[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "/wxcomponents/dist/button/index"，在 D:/A-work/南京农业大学/BreedingMonitorApp/unpackage/dist/dev/mp-weixin/wxcomponents/dist/button/index 路径下未找到组件
最新发布
09-17
用户在使用`van-button`组件时，在`app.json`的`usingComponents`中指定了路径，但系统提示未找到该路径下的组件。 引用的信息[1]和[2]都提到了在`app.json`的`usingComponents`中引入组件，例如： ```json ...
vant van-goods-action-button
09-06
--van-button-danger-border-color: #ff4f4f; } /* 按钮圆角调整 */ .van-goods-action-button { border-radius: 20px !important; } ``` --- #### ⚠️ 五、注意事项 1. **依赖父容器**：必须嵌套在 `<van-...
【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找
TIG_JS的博客
04-11 6089
解决[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找
小程序通过页面json文件中的usingComponents引入组件的方式实现自定义tabbar，会闪烁，影响小.zip
07-27
自定义tabbar，通过页面json文件中的usingComponents引入组件的方式实现，tab页面第一次加载时会出现闪烁现象，但相对于全局json中设置custom为true方式有所改善。
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:
qq_52683382的博客
07-21 2519
app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
微信小程序报错[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/lib/button/index
weixin_40832299的博客
05-25 8903
[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]:
关于Vant Weapp中组件引入未找到的解决方案
佐斌的笔记簿
07-06 2万+
在开发微信小程序时，需要引入一些第三方UI库，这时就需要用到微信小程序的 UI，分享一些遇到的问题 Vant Weapp框架引入组件失败问题: 使用Vant 组件 [“usingcomponents”][“van-button”]: “@vant/weapp/button/index” 未找到： 当出现: vm192:2 miniproject/app.json: ["usingcomponents"]["van-button"]: "@vant/weapp/button/index" 未找到 解决方案
找到啦~~
/(^O^)/
01-04 1001
哇卡卡可~~~
微信发开者工具报错:[app.json 文件内容错误] app.json: [“usingComponents“][“van-button“] 未找到(env: Windows,mp,1.06.221
gh313287387的博客
11-13 5644
[app.json 文件内容错误] app.json: [“usingComponents“][“van-button“] 未找到(env: Windows,mp,1.06.221
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值