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

2022-06-13 11:07:30

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就行
附带一个链接添加链接描述

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

  • 作者:fanny_匚
  • 原文链接:https://blog.csdn.net/weixin_45634433/article/details/118912870
    更新时间:2022-06-13 11:07:30