解决Warning: [antdv: LocaleProvider] `LocaleProvider` is deprecated.

本文介绍了如何修复Ant Design Vue在使用过程中出现的关于LocaleProvider的弃用警告。通过将`LocaleProvider`替换为`ConfigProvider`并相应地调整配置,可以消除控制台的警告。按照文中提供的步骤在`main.js`和`App.vue`中进行修改,即可解决该问题。
摘要由CSDN通过智能技术生成

        昨天解决了ant-design-vue的Timeline报错,今天就打开控制台发现了一个新的Warning。Warning本身不做修改也是可以的,但是每次打开有红色就让人很难受(可能是强迫症作祟吧)

         

         直接翻译报错是“在使用ant-design-for-vue国际化的时候,LocaleProvider已被弃用。请将“locale”与“ConfigProvider”一起使用”

        解决办法也比较简单,只需要换掉这个弃用方式就可以了,具体如下:

1、在main.js文件中把import LocaleProvider from 'ant-design-vue'及Vue.use(LocaleProvider) 修改为import ConfigProvider from 'ant-design-vue'  Vue.use(ConfigProvider)

import ConfigProvider from 'ant-design-vue' 
Vue.use(ConfigProvider)

2、在App.vue文件中把<a-locale-provider>标签换成<a-config-provider>标签即可解决

<template>
  <a-config-provider :locale="zhCN">
    <div id="app">
      <router-view/>
    </div>
  </a-config-provider>
</template>

Tips:“你跑得快耳边才能是风声,跑得慢耳边只有闲言碎语”

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Cupid_Yan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值