element-plus 按需引入标红提示

Question

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

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

Answer 1

我的解决方案如下：

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