【 Vue 问题 】Antd ConfigProvider 国际化在 Vite 打包的项目失效

环境:Vue:2.6.12、Moment:2.29.1、Vite:2.1.5

正常情况下这样写就行了:

import moment from "moment";
import "moment/locale/zh-cn";
moment.locale("zh-cn");

但是事实上就是不行,出来是这种效果:

【 Vue 问题 】Antd ConfigProvider 国际化在 Vite 打包的项目失效

 原因:因为 Vite 不支持 serve umd,必须是 ES modules。而 Moment 它的 moment/locale/zh-cn 文件恰好是 umd 。所以我们就不能直接用。而moment/dist/locale/zh-cn 是一个esm 。所以我们可以用这个!

解决办法:

import moment from 'moment';
import 'moment/dist/locale/zh-cn';
moment.locale('zh-cn');

上一篇:Vue3+Vite+TS后台项目 ~ 9.权限管理_规则


下一篇:Vue3 创建项目和devtools