IntelliJ JavaScript编辑器Structure标签无结构导航问题咨询

点击Structure标签后面板显示提示：

No structure

该问题不属于功能设计缺陷，基本为配置异常或索引故障导致，按以下优先级排查即可：

• 先核对文件识别类型：查看编辑器右下角的文件类型标识，如果显示为Plain Text，说明IDE未将当前文件判定为JavaScript文件，不会启动语法解析流程，自然无法生成代码结构。右键文件选择Override File Type，手动绑定为JavaScript类型即可；如果同后缀的所有JS文件都有该问题，进入Settings > Editor > File Types，将对应文件后缀添加到JavaScript类型的关联规则中。
• 检查文件目录的索引标记：如果当前文件存放在被标记为Excluded的目录下（比如默认排除的build/dist构建产物目录、临时缓存目录，或是手动标记排除的业务目录），IDE不会对这类目录下的文件做深度语法索引，Structure面板无法获取结构数据。右键对应目录选择Mark Directory as，取消Excluded标记即可，注意不要取消node_modules目录的排除标记，否则会大幅拖慢索引速度。
• 确认JS核心支持插件状态：进入Settings > Plugins，检查JavaScript and TypeScript插件是否处于启用状态，该插件是JS语法解析、结构导航功能的核心依赖，被禁用时所有JS相关的代码洞察功能都会失效。
• 修复损坏的本地索引：如果上述配置均无异常，大概率是本地缓存索引损坏导致，选择顶部菜单栏File > Invalidate Caches...，勾选清除文件系统缓存与本地历史选项后重启IDE，等待全量索引构建完成后再打开文件查看即可。
• 核对语法版本匹配性：如果文件中使用了IDE当前配置不支持的语法（比如将JS语言版本设置为ES5但代码里用了ES2022+的顶层await、类私有属性，或是未安装对应插件就直接编写JSX、Vue单文件组件脚本、TS语法），IDE语法解析失败也无法生成结构，进入Settings > Languages & Frameworks > JavaScript将JS语言版本调整为项目实际使用的版本，安装对应框架/方言的支持插件即可解决。

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