[微信小程序] 项目引入vant组件库 npm构建问题 避坑

 按照Vant Weapp官网的快速上手，构建npm时发现报错

问题：package.json 未找到

原因：没有初始化npm，所以没生成package.json，npm构建时需要此文件，所以报此错误

解决：在项目根目录里执行 “ npm init ”

再次构建npm，还会报错，此时按照vant官方文档 再次执行即可：

npm i @vant/weapp -S --production

如果还是没有成功，检查两个地方

# 项目根目录下的 app.json 是否删除了这行代码

"style": "v2" // 这行代码要删掉，vant官方文档中解释了具体原因

# 项目根目录下的 project.config.json
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./"  // 将这里改成./就行了，程序会自动生成miniprogram
  }
]

---

至此，问题解决

再次点击  工具 / 构建npm  即可