原生微信小程序报错:[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“

将代码从仓库拉下来后 npm i 后启动项目报错 如图:

原生微信小程序报错:[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“_第1张图片

解决方法:

首先 npm i 下载项目依赖。下载完成后再在左上角工具--构建npm 生成miniprogram_npm包

原生微信小程序报错:[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“_第2张图片

看到生成 miniprogram_npm包后,直接把node_modules文件夹删除 重新编译项目就可以啦~

原生微信小程序报错:[ app.json 文件内容错误]app.json:[“usingComponents“][“van-image“]:“@vant/weapp/image/index“_第3张图片

注意:后续如果miniprogram_npm和node_modules不小心删了,或者执行npm install "插件" 又装了一个插件,只要是package.json文件中的dependencies下有对应的插件包,完全可以采取将miniprogram_npm和node_modules都删除,然后执行npm i,最后再向上述这样构建npm即可。

你可能感兴趣的:(微信小程序,小程序,前端,npm,javascript)