vite引入element plus 国际化（zh-ch）js报错

前言

在初试vite打包工具时，引入element plus语言国际化报错
版本如下：

elment Plus 官方文档，使用教程如下：

<template>   <el-config-provider :locale="locale">     <app />   </el-config-provider> </template>  <script>   import { defineComponent } from 'vue'   import { ElConfigProvider } from 'element-plus'    import zhCn from 'element-plus/lib/locale/lang/zh-cn'    export default defineComponent({     components: {       ElConfigProvider,     },     setup() {       return {         locale: zhCn,       }     },   }) </script>

解决

因为vite在开发环境时，并不会对项目进行打包，而是直接开启一个服务器进行访问，所以commjs中的语法便不能使用，在utils文件下额外建立一个语言文件包，将element plus中的语言文件复制过来，然后做修改

原来的语言包:

修改的语言包：

最后引入修改好的语言包就行了

（福利推荐：阿里云、腾讯云、华为云服务器最新限时优惠活动，云服务器1核2G仅88元/年、2核4G仅698元/3年，点击这里立即抢购>>>）

你还在原价购买阿里云、腾讯云、华为云、天翼云产品？那就亏大啦！现在申请成为四大品牌云厂商VIP用户，可以3折优惠价购买云服务器等云产品，并且可享四大云服务商产品终身VIP优惠价，还等什么？赶紧点击下面对应链接免费申请VIP客户吧：

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)赏

[[email protected]]

分享 (0)