【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找-Toy模板网

这篇具有很好参考价值的文章主要介绍了【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找,微信小程序,微信小程序,json,小程序

一、问题描述

1.bug

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找,微信小程序,微信小程序,json,小程序

2.本地设置

详情 > 本地设置里面没有 “使用npm模块” 选项（反正我是找不到）

二、问题原因

按照官方文档和步骤操作后，文件配置如下：

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找,微信小程序,微信小程序,json,小程序

打开miniprogram_npm文件夹

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找,微信小程序,微信小程序,json,小程序

此时问题就很明显了

  "usingComponents": {
    "van-button": "@vant/weapp/button/index"
  }

这样的写法是错误的

三、解决方法

正确写法

  "usingComponents": {
    "van-button": "/miniprogram_npm/vant-weapp/button/index"
  }

四、补充

【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找,微信小程序,微信小程序,json,小程序

我看其他博客都有这个设置

我试了之后发现可有可无，

按正确方法引入后，即使没用上图配置也不会出错（我是没出bug的）文章来源地址https://www.toymoban.com/news/detail-559785.html

到了这里，关于【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！