Vue报ElMenuItem JSX(TS2604)错误但可正常运行是什么原因？

该报错属于IDE静态类型校验层的误报，不影响代码实际运行——运行/构建阶段只要组件完成注册就能正常编译渲染，具体触发原因有三类：

• 组件类型声明未正确加载
  若使用Element按需引入方案时，没有在TS配置中引入Element对应的全局组件类型声明文件，TS服务无法将模板中的<el-menu-item>标签映射到对应组件的正确类型，就会将其推断为unknown类型，触发JSX元素构造/调用签名校验错误。部分场景下TS服务解析模板标签时会出现字符识别偏差，把标签名里的小写l错识别为数字1（和报错提示里出现的E1MenuItem拼写对应），直接找不到匹配的类型定义。
• IDE语言服务缓存异常
  Vue项目负责模板类型校验的Volar（或旧版Vetur）插件长时间运行、版本和当前Vue/TS版本不匹配时，会出现类型缓存错乱问题，哪怕组件已经全局注册、类型声明完整，也可能随机将部分组件识别为unknown类型，这类问题重启TS服务、重载IDE窗口即可临时消除。
• TS配置解析规则不匹配
  若项目tsconfig.json中未正确配置.vue后缀文件的解析规则、未将Element的全局类型入口纳入类型扫描范围，TS解析单文件组件的模板部分时，不会自动读取Element的组件类型映射表，会把所有未在当前文件显式导入的组件判定为无有效签名的类型。

对应报错代码片段 #

<el-submenu index="1">
<!-- IDE错误提示：
const ElMenuItem: unknown
JSX element type 'ElMenuItem' does not have any construct signature or call signature. ts(2604)
No quick fixes available
-->
  <el-menu-item index="1-1">item1</el-menu-item>
  <el-menu-item index="1-2">item1</el-menu-item>
</el-submenu>

内容的提问来源于stack exchange，提问作者sorenxu