vue-Vant自动引入样式不生效问题

vant官网链接

1.确保安装了Vant和babel-plugin-import

image.png

2.如果上面都做了，看下babel.config.js是否配置

image.png

3.确保下图红框中导入，（ [Button.name]: Button,）这个是官网没有说明的一点，需要个人添加，，要不然爆红在这里插入图片描述

image.png

4.最后出现没有样式有两点;

1.安装了babel-plugin-import依赖需要重新启动项目，
重新启动项目，刷新页面就会出现
2.第一个方法不行，就看看项目结构里有没有vue.config.js，根据网上查的结果，很大一部分是因为vue.config.js里有requireModuleExtension这个属性是为false，改成true就行
附带一个链接添加链接描述

说明:本文章参考于程序员大本营,本人在此做备份记录使用,本人使用完全可以解决问题,如果有新的建议和意见,欢迎指出