Internal server error: No known conditions for “./lib/locale/lang/zh-cn“ specifier in “element-plus

这个报错产生的原因是:

el-date-picker默认是英文显示,我要设置成用中文显示

在使用以下方法后报错:

<template>
    <el-config-provider :locale="locale">
       <el-date-picker
          size="large"
          v-model="dateValue"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          format="yyyy-MM-dd "
          value-format="yyyy-MM-dd"
          @change="customDate"
        >
        </el-date-picker>
    </el-config-provider>
</template>
 
<script setup>
 
import { ElConfigProvider } from 'element-plus';
import locale from 'element-plus/lib/locale/lang/zh-cn';
 
</script>
 

解决方案

将以下代码:

import localeZH from 'element-plus/lib/locale/lang/zh-cn'

替换为:

import localeZH from 'element-plus/es/locale/lang/zh-cn' 

就解决了

但是,我用的是vue3,加了这个格式之后取到的日期值居然是:yyyy-12-Fr 00:00:00

后面终于让我查找到了解决方案  :Vue3这个时间格式年月日都要大写!!!改成如下写法 

 format="YYYY-MM-DD hh:mm:ss"
 value-format="YYYY-MM-DD hh:mm:ss"