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

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

#小程序 #npm #vue

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

错误信息

.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,下图是项目的本地设置

重新定义路径



小程序 自定义组件报错[“usingComponents“][“my-list“] 未找到
Start2019
07-01 7901
根据官网案例写了一个自定义组件，引入时总是报这个错误。 后面在社区里面找到了解决办法，把上面配置中改成："my-list": "/components/my-list/my-list"就可以了。 具体原因：官方文档上的自定义组件是 4 个文件全部都在 components 文件夹下，所以他们只需要 /components/my-list 就可以了。而我们实际开发需要多个组件，在 components 下会多新建一个文件夹，如果依旧 /components/my-list 这么写，此时找到的只是...
使用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“] 未找到
qq_41562031的博客
11-27 7039
历经三小时，把全网方法用便才构建成功。 按着我的流程来 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 3836
["usingComponents"]["van-button"]: "@vant/weapp/dist/button/index" 未找到(env: Windows,mp,1.06.230 报错，和新手创建ts项目 引入vant
*.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-...
vant van-button展示正常 dialog报错
12-27
- 找到项目中的页面 JSON 配置文件（通常是 pages.json 或具体页面对应的 .json 文件） - 添加或更新 `usingComponents` 字段来声明所需使用的 Vant 组件 ```json { "usingComponents": { "van-dialog": "@vant/...
"usingComponents": { "van-button": "@vant/weapp/button/index" },能不能一次性引入所有组件
02-10
为了让整个应用都能访问到这些组件而无需逐个页面导入，可以在项目的根目录下的 `app.json` 文件中的 `usingComponents` 字段里声明全局注册的方式引入所需的所有组件。 但是需要注意的是，在实际操作过程中直接在...
【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找
TIG_JS的博客
04-11 5981
解决[ 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 2396
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 8858
[ 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" 未找到 解决方案
使用Vant按需加载UI的时候报错：Unknown custom element 解决方案
qq_39740660的博客
10-17 1万+
使用Vant去按需加载UI的时候报错： vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <van-button> - did you register the component correctly? - For recursive components, make sure to provide ...
uniapp运行到微信程序报错[ pages/**/index.json 文件内容错误] [“usingComponents“][“**“]未找到
lingliu0824的博客
03-24 2万+
在这里插入图片描述
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值