Vue中使用ts的报错记录

一、vite+ts5+vue3 引入 element-plus 项目报错

描述：
引入 element-plus的模块时报如下错误：
模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?ts(2614)

解决方法：
tsconfig.json 里配置 compilerOptions.moduleResolution: "node"。原因是ts5.0 默认的配置是 compilerOptions.moduleResolution: "bundle"

二、element-plus 引入国际化模块报错

描述：
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'；引入该模块报错：
无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件。

解决方法：
在全局声明文件shims-vue.d.ts里手动增加该模块的声明 declare module 'element-plus/dist/locale/zh-cn.mjs'