Vant组件样式没有生效

在使用Vant组件库时遇到样式未生效的问题,通过配置babel.config.js并尝试自动按需导入 vant。尽管在main.js中引入了index.css,但样式仍不生效。检查文档和配置后,发现需要重启服务器,重启后 vant 组件样式成功应用。此文章提醒开发者修改配置后记得重启服务。
摘要由CSDN通过智能技术生成

昨天在学习Vant组件库的时候遇到一个问题;

我在main.js中引入了vant,也注册到了Vue中;

 因为我使用的是自动按需导入, 那么就要配置babel.config.js, 如图;

但是在运行的时候vant的样式却没有生效, 相当于写了HTML+CSS, 但是CSS却没生效;

在网上查阅了相关资料,有人说要在main.js写上import 'vant/lib/index.css', 但是我写上之后还是没有生效,于是在vant的文档里看了下,这是另一种导入的方法,而且也确实没有生效,那么与这行代码应该无关。

后来我想起来,在修改了配置文件后需要重启服务器,然后我重启了一次服务器,vant组件的样式就可以了。

这篇文章主要是为了提醒自己以后在开发过程中,修改了配置文件,如果有问题,重启一下服务器试试。

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值