element-plus 按需引入标红提示

问题描述：Module '"element-plus"' has no exported member 'ElMessage'. Did you mean to use 'import ElMessage from "element-plus"' instead?ts(2614)

img


vite + ts + element plus 按需导入，已经按照文档安装了相应的插件，但是编辑器一直有这样的标红提示。开发环境能正常编译运行，但是打包构建会报错。

我的解决方案如下：

// tsconfig.json
{
  "compilerOptions": {
    // 若TS版本为5.x，此处值应为"node" 
    "moduleResolution": "node",
    // 同时加上这一句
    "types": ["element-plus/global"],
  }
}

我是放在这个文件里才好使的

img


然后有没有大佬帮帮我，告诉我这三个文件都是啥啊，为啥放在这个tsconfig.app.json文件里才好使

img

可能typescript的版本不适配，你换一个试试要不

types 文件声明的版本要和你 ant-plus的一致才行