错误提示框总消失是因为Inspection Widget是临时悬浮面板,应使用常驻的Problems工具窗口(Alt+6/Cmd+6)并设为Dock pinned;同时开启Show error stripe才能在滚动条显示红黄标记。

错误提示框为什么总消失?
WebStorm 默认的「检查小部件(Inspection Widget)」是悬浮式、临时显示的:鼠标移开就收起,点击其他地方也会自动隐藏。它不是独立窗口,而是编辑器右上角那个带感叹号的小图标弹出的浮动面板——所以你没法“拖住”或“固定”它本身。
真正能固定住的是问题工具窗口
你要的其实是把所有错误/警告集中在一个常驻窗口里,而不是依赖悬停提示。这个窗口叫 Problems 工具窗口,它支持固定、停靠、自动更新:
- 按
Alt+6(Windows/Linux)或Cmd+6(macOS)直接唤出Problems窗口 - 右键窗口标题栏 → 选 Dock pinned,它就会一直保留在侧边栏,不随焦点丢失而关闭
- 勾选右上角齿轮图标里的 Autoscroll to Source,点列表里的某条报错,编辑器会自动跳转到对应位置
- 如果窗口内容没实时刷新,检查是否启用了
Settings | Editor | Inspections中的对应语言规则(比如 JavaScript 的ES6 language features)
滚动条标记必须开启才看得见红黄条
很多人以为“没报错”,其实是右侧滚动条没显示标记——这和 Problems 窗口无关,是另一个独立开关:
- 进
Settings | Editor | General | Appearance - 确保勾选了
Show error stripe(错误条纹) - 如果不显示,即使有报错,滚动条也不会出现红/黄/蓝标记,容易误判为“一切正常”
- 这个设置不影响
Problems窗口,但它是你日常快速扫视错误的第一眼依据
Alt+Enter 没反应?先确认光标落点和意图启用状态
Alt+Enter 不是全局修复键,它只在光标精准落在报错元素内部时触发上下文意图。常见失效原因:
- 光标停在红色波浪线「旁边」而非「正中」变量名、函数名或属性值内
-
Settings | Editor | Intentions里对应语言(如 Vue、JavaScript)的意图被手动关掉了 - 文件后缀未正确绑定类型:比如
_layout.html被识别为 Plain Text,Alt+Enter在<script>里就不会激活 JS 相关意图 - 快捷键冲突:某些终端或远程桌面软件会劫持
Alt+Enter(全屏切换),需进Settings | Keymap搜索Show Intention Actions确认绑定无冲突
Problems 窗口设为 pinned 并打开滚动条标记——这两步做完,错误就再也不会“找不到”了。至于 Alt+Enter,它从来就不是用来“固定”的,而是精准点按的快捷操作,别把它当成万能修复按钮。


















