首页 前端知识 [微信小程序] 项目引入vant组件库 npm构建问题 避坑

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

2024-08-04 22:08:02 前端知识 前端哥 925 763 我要收藏

 按照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  即可 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14799.html
标签
评论
发布的文章

JQuery的选择器有哪些?

2024-08-14 22:08:43

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!