使用antd日期组件国际化问题

先看现象:

 上图中的问题是:在同一个组件,中文和英文混合出现。

出现该问题的原因主要有两个:1、没有正确设置moment语言包;2、有两个版本共存的moment。

 第一个就不细说,只需在入口文件引入语言包即可,至于为啥要引入,一般是因为很多项目并不需要国际化,在webpack打包时,设置了new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),防止语言包过大。因此需要手动引入需要的语言包import 'moment/locale/zh-cn'; moment.locale('zh-cn');

第二个,为啥会出现两个版本的moment,造成的原因主要是涉及到引入其他npm包,本项目工程的moment版本与引入的其他npm包的moment版本不一致导致。

如果存在自己维护的两个项目,其中一个是npm 包,日期类组件在npm包中,则需要在npm包中也需要引入对应的语言包,否则webpack打包npm项目时,无法获取正确的语言

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值