微信小程序:引用vant weapp 相关组件报错

474 阅读1分钟

1,引用vant weapp组件 "van-grid": "vant-weapp/grid", "van-grid-item": "vant-weapp/grid-item"

控制台报错:

经过各种重新安装vant weapp 还是出现错误,找了很久 后来发现原来是vant的版本问题(哭泣。。。。)

解决方法:

1.删掉原来的miniprogram_npm包,然后重新构建安装:

npm install --save vant-weapp@1.0.0-beta.0
              

注: 这个是安装指定版本,@符号后面是版本号,因为现在网站上的是vant小程序https://youzan.github.io/vant-weapp/#/quickstart

如果这样安装:会默认安装0.5的版本, 会出现上面控制台的报错。

npm i vant-weapp -S --production
              

安装好了之后 

构建npm

微信开发者工具=>构建npm

看vant版本

打开package.json  

"vant-weapp": "^1.0.0-beta.0"

在需要应用的也没直接

{  "usingComponents": {    "van-calendar": "vant-weapp/calendar/index"  }}

就好啦~!