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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    迷月闪星情阅读 10,620评论 0 11
  • 彩排完,天已黑
    刘凯书法阅读 4,339评论 1 3
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 126,314评论 2 7