vue.js - 抄官网代码引入 element-plus 类型失败？

Question

用了一个上传图片的组件 upload，定义类型时复制 element-plus 官网里的代码

import type { UploadProps } from 'element-plus'

提示

模块 ""element-plus"" 没有导出的成员 "UploadProps"。
你是想改用 "import UploadProps from "element-plus"" 吗?ts(2614)

这要怎么搞？ 和 element-plus 组件按需自动引入有关系吗？

---

感谢老猫的解答，改成node可以识别 type {UploadProps} 了。

---

• 改的时候发现之前在配置按需自动引入 element-plus 时，因为出现CSS丢失问题这里我已经改成 node ，还加了注释，后面样式出现了，又改回去 bundler 测试，然后就一直是 bundler ，样式也没问题，直到出现了引入类型又出错....
• 其他有碰到 element-plus 引入相关问题的同学可以参考一下。

"moduleResolution": "node", 
"types": ["element-plus/global"],

Answer 1

黄花菜同学，你的 UploadProps 导入的时候看起来有点问题，代码改成这样试试：

import Upload, { UploadProps } from 'element-plus/lib/el-upload'

希望我的这条简短的回答能解决你的这个问题。

Answer 2

写法没问题。建议看看tsconfig.json里的 "moduleResolution":选项，如果是bundler，改成node试试。