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

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

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

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

猜你喜欢

转载自blog.csdn.net/sunddy_x/article/details/124730418
今日推荐