vue全局引入vant时报错Vant is not defined

今天接手离职同事的项目,项目用到了vant,他使用的按需引入的方式
在这里插入图片描述
个人感觉引入了这么多组件,还不如直接全部导入,后面用到没引入过的组件也能直接使用,因此把按需引入的代码改成了全局导入的方式,然后运行,报错:Vant is not defined

检查文档后发现了一个提示:
在这里插入图片描述
此处的配置是引入方式一的 自动按需引入组件,因为我平时项目如果引用vant组件极少,会使用引入方式二的 手动按需引入组件,方式二不需要任何配置,在需要的页面即写即用
在这里插入图片描述
但是方式一(推荐方式)是需要配置的,并且与全局引入方式是冲突的
在这里插入图片描述
解决方式就是根据文档的配置方式找到对应的配置文件,删除相关代码,我这里就是 babel.config.js文件中删除配置代码
在这里插入图片描述

Tip:配置文件修改后需要重启项目生效

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值