element-plus 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件

dndndjs

已于 2025-03-24 15:36:41 修改

阅读量417

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

于 2025-03-24 15:00:22 首次发布

本文链接：https://blog.youkuaiyun.com/dndndjs/article/details/146476314

想把element-plus组件改成中文

官方文档引用配置：在main.js中

import ElementPlus from 'element-plus';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';

app.use(ElementPlus, {
  locale: zhCn,
});

但在引用后出现报错：无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件。“********/element-plus/dist/locale/zh-cn.mjs”隐式拥有 "any" 类型。
如果“element-plus”包实际公开了此模块，请尝试添加包含 `declare module‘element-plus/dist/locale/zh-cn.mjs';` 的新声明(.d.ts)文件

按照他的提示以及查阅的方法，新建一个.t.ts文件，并在文件中声明

declare module 'element-plus/dist/locale/zh-cn.mjs';

再配置tsconfig.json

"include": ["src", "element-plus-locale.d.ts"]

完成后仍然报错，最后更换了一种引入

import ElementPlus from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';

app.use(ElementPlus, {
  locale: zhCn,
});

完美解决