微信开发者工具报错[ app.json 文件内容错误] app.json: [“usingComponents“][“van-dialog“]: “./miniprogram_npm/@vant/we

于 2024-01-24 11:20:01 发布
阅读量663 收藏 7
点赞数 7
分类专栏： 微信小程序 文章标签： npm 前端 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39882537/article/details/135817244
版权

报错内容

[ app.json 文件内容错误] app.json: [“usingComponents”][“van-dialog”]: “./miniprogram_npm/@vant/weapp/dialog/index” 未找到(env: macOS,mp,1.06.2301160; lib: 2.16.1)
在这里插入图片描述

解决办法

1.项目npm install
2.在开发者工具中构建npm
在这里插入图片描述
构建完成就会有miniprogram_npm目录了，就完成了
在这里插入图片描述

vant官网链接点这里

关注博主更多文章 https://blog.csdn.net/qq_39882537
厘子 车
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序出现miniprogram/app.json: [“usingComponents“][“van-button“]:““@vant/weapp/button/index”未找到
weixin_38441229的博客
08-30 460
在用微信小程序开发过程中引入vant过程中，导入button组件出现错误。 按着文档各种配置都配了。如： project.config.json的配置。 构建。 包括没有npm构建按钮。 最后发现了问题，我的项目是ts项目，所以需要引入ts的配置才能使用（官网的配置）。 成功。
微信小程序 - dialog
03-29
实现了 标题,内容和按钮设置,可动态设置按钮,以及按钮点击事件的回调 可作为component 使用 (此图片来源于网络，如有侵权，请联系删除! ) 直接上代码 (此图片来源于网络，如有侵权，请联系删除! )(此图片来源于网络，如有侵权，请联系删除! )(此图片来源于网络，如有侵权，请联系删除! )(此图片来源于网络，如有侵权，请联系删除! )(此图片来源于网络，如有侵权，请联系删除! ) //遮罩的代码 <viewclass="uiComponent uiComponent_mask uiComponent_mask_{{uiComponent.mask.show &&'active'}}"
VC6.0_JSON串解析及生成_Dialog自测可用_jsoncpp-src-0.5.0
04-20
程序开过过程简介： 1，网上下载jsoncpp-src-0.5.0 2，拷贝到自检工程下 3，jsoncpp-src-0.5.0\include\json下的所有文件添加到工程（add to project） 4，jsoncpp-src-0.5.0\src\lib_json下的所以文件添加到工程（add to project） 5，tool->选项->目录，添加jsoncpp-src-0.5.0\include路径 6，Dialog .h添加#include "json/json.h" 部分源程序引用下面博文 C++通过jsoncpp类库读写JSON文件-json用法详解
fulfillment-webhook-json：Dialogflow的实现：Webhook JSON（请求和响应）
02-03
fulfillment-webhook-json：Dialogflow的实现：Webhook JSON（请求和响应）
vue-a11y-dialog:A11y对话的Vue.js组件
05-08
Vue A11y对话 这是用于的Vue.js包装器组件（）。 Vue 2和3 该软件包的最新主要版本附带Vue 3支持，并删除了对的依赖性。 如果仍然需要支持Vue 2，则可以继续使用版本。 安装 npm install vue-a11y-dialog 用法 在您的main.js应用程序文件中，安装组件： Vue 2 import VueA11yDialog from 'vue-a11y-dialog' Vue . use ( VueA11yDialog ) Vue 3 import { createApp } from 'vue' import VueA11yDialog from 'vue-a11y-dialog' import App from './App.vue' createApp ( App ) . use ( VueA11yDialog ) . mount (
【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找
TIG_JS的博客
04-11 4192
解决[ app.json 文件内容错误] app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找
解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译
qq_37772593的博客
06-06 1万+
这时候去找unpackage\dist\dev\mp-weixin文件，会发现在mp-weixin下有project.config.json，将此project.config.json文件复制一份放在unpackage同一级，然后在这个复制过来的project.config.json文件夹下添加上 “miniprogramRoot”: “./unpackage/dist/dev/mp-weixin”，即app.json文件的路径即可。（注意不要在原project.config.json上修改，修改无效；
原生微信小程序报错：[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“
weixin_73318685的博客
09-25 610
解决方法： 首先 npm i 下载项目依赖。下载完成后再在左上角工具--构建npm 生成miniprogram_npm包。直到生成miniprogram_npm包后，直接把node_modules文件夹删除 重新编译项目就可以啦～
解决微信小程序导入项目报错： [app.json文件内容错误]app.json未找到
最新发布
青春木鱼的博客
10-18 6316
解决微信小程序导入项目报错： [ app.json文件内容错误 ] app.json 未找到
app.json: [“usingComponents“][“van-icon“]: “@vant/weapp/icon/index“ 未找到
lxyoucan的博客
10-17 682
微信小程序项目使用npm安装vant-weapp的正确步骤及错误处理方法。第2步 微信开发者工具中，在菜单栏中点“工具”->“构建npm”。做完这两步，上面的问题得到解决。Vant Weapp 官方文档。
refresh-trivia-app：Google助手，Dialogflow和React的演示
02-04
刷新实验室Trivia演示 要对此网络演示进行交流，请使用移动设备上的Google助手或Google Home。 Google助手<->对话流<-> Nodejs <-> React
小程序[ pages/index/index.json.json 文件错误] pages/index/index.json: Empty file is NOT a valid json file
weixin_44160132的博客
04-29 9093
错误 改正 index.json中的{ }被删了重新加上就可以
微信小程序 Vant Weapp 没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录 正确引入vantweapp
lovekobe1997的博客
05-04 866
先新建一个云开发小程序，然后右击，选择在外部终端打开 然后输入 npm init -y 然后回车 输入npm i @vant/weapp -S --production 然后回车 然后点击工具 构建npm组件，这是会多出来几个文件夹 这时如果还继续保错，找不到npm组间时，需要手动在 project.config.json内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。 { ... "setting": { ... "packNpmManually": true
微信小程序使用 vant Dialog组件
热门推荐
weixin_41013537的博客
01-17 1万+
在 app.json 或 index.json 中引入组件 "usingComponents": { "van-dialog": "path/to/vant-weapp/dist/dialog/index" } ​ 在xxx.wxml中写入 &lt;van-dialog id="van-dialog" /&gt; ​ 在xxx.js中引入 import Dialog fro...
【微信小程序】微信开发者工具 内容错误 pages/cart/cart.json: [“usingComonent“][“van-card“]: “@vant/weapp/card/indx“ 未找到
amoureux555的博客
07-10 1908
微信开发者工具 文件内容错误 pages/cart/cart.json: ["usingComponents"]["van-card"]: "@vant/weapp/card/indx" 未找到
微信开发者工具 [ app.json 文件内容错误] app.json: [“usingComponents“][“van-rate“]: “@vant/weapp/rate/index“ 未找到
qq_19716069的博客
01-09 3959
微信开发者工具，报错：[ app.json 文件内容错误] app.json: ["usingComponents"]["van-rate"]: "@vant/weapp/rate/index" 未找到
微信小程序bug:没有找到可以构建的NPM包，请确认需要参与构建的npm在miniprogramroot目录；与app.json: [“usingComponents“][“van-button“]:
qq_52683382的博客
07-21 1603
app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
最新版的vant-weapp如何在微信小程序的app.json中配置usingComponents使用
m0_61625235的博客
12-03 2461
vant-weapp在微信小程序的配置
微信发开者工具报错:[app.json 文件内容错误] app.json: [“usingComponents“][“van-button“] 未找到(env: Windows,mp,1.06.221
gh313287387的博客
11-13 4978
[app.json 文件内容错误] app.json: [“usingComponents“][“van-button“] 未找到(env: Windows,mp,1.06.221
[ miniprogram/app.json 文件内容错误] miniprogram/app.json: ["usingComponents"]["van-button"]: "@vant/weapp/button/index" 未找到
06-12
这个错误表示在小程序或者小程序组件中使用了一个叫做 `van-button` 的组件，但是在 `app.json` 文件中没有正确的配置。具体来说，`app.json` 文件中需要添加以下内容： ```json { "usingComponents": { "van-button": "@vant/weapp/button/index" } } ``` 这样，小程序就能正确地识别 `van-button` 组件并加载它了。需要注意的是，`@vant/weapp` 是 Vant Weapp 组件库的命名空间，如果你使用的是其他组件库，命名空间可能会有所不同。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值