【微信小程序】[ app.json 文件内容错误] app.json: [“usingComponents“][“van-button“]: “@vant/weapp/button/index“ 未找，微信小程序app.json文件错误解析，usingComponents中的van-button路径未找到

摘要：关于微信小程序的问题，出现app.json文件内容错误。具体错误在于"usingComponents"中的"van-button"引用"@vant/weapp/button/index"无法找到。这可能是文件路径不正确或缺少必要的依赖包导致的。建议检查文件路径和确保已安装并正确引入"@vant/weapp/button"相关的依赖包。

1、问题出现bug，在本地设置中，无法找到“使用npm模块”选项。

问题原因

在按照官方文档和步骤操作后，发现文件配置如下：在尝试使用miniprogram_npm文件夹时，发现问题，原本的写法：

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

这种写法是错误的。

解决方法

正确的写法应该是：

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

补充

关于其他博客中提到的设置，我在尝试后发现，这个设置并不是必需的，即使不使用上述配置，只要按照正确的方法引入，也不会出现错误，可能不同的开发环境或版本会有一些差异，但在我测试的环境中，没有出现因缺少该设置而导致的bug。

建议经常检查官方文档和社区，以获取最新的信息和最佳实践，在开发过程中，可能会遇到各种问题和挑战，及时查阅相关资料和社区讨论，可以帮助你更快地解决问题，提高开发效率。