IntelliJ IDEA使用Vue框架时TypeScript错误不高亮如何解决

问题表现 #

在IntelliJ IDEA系列IDE中打开Vue项目时，IDE右下角状态栏会在TypeScript 〈version〉标识前显示Vue标签：

触发该模式时可能出现异常：TypeScript错误高亮功能完全失效，问题范围不止.vue后缀文件，普通.ts/.tsx文件中也无法正常触发TS检测。
例如声明const常量但未初始化时，正常场景下IDE会抛出TS1155: 'const' declarations must be initialized错误提示：

异常状态下的Vue项目中，IDE图形界面不会展示任何TypeScript错误：

该异常不会影响ESLint的正常检测，仅TypeScript语法、类型检测能力完全不生效。

修复方案 #

按以下顺序排查修复，绝大多数场景下前2步即可解决问题：

• 重启TypeScript语言服务：右键点击右下角状态栏的Vue/TypeScript标识，选择「Restart TypeScript Service」，等待服务索引完成后验证错误提示是否恢复。
• 校验TypeScript版本配置：打开Settings > Languages & Frameworks > TypeScript设置页，确认已开启TypeScript语言服务，且选择的TS版本为项目本地node_modules/typescript路径下的版本，不要使用IDE自带的全局TypeScript版本。
• 更新Vue插件：打开IDE插件市场，找到Vue.js插件更新到最新版本，旧版本插件存在和TS服务联动的已知bug，升级完成后重启IDE即可。
• 检查tsconfig.json配置：确认配置中include字段覆盖了所有需要做TS检测的业务代码路径，不存在错误的全局exclude规则屏蔽了业务文件。
• 重建IDE缓存：如果以上方案都无效，选择File > Invalidate Caches...菜单，勾选清除文件系统缓存选项后执行重启，等待IDE重建全量索引后验证功能。

内容的提问来源于stack exchange，提问作者Takeshi Tokugawa YD