UI not complete for nodes preview

UI not complete for nodes preview

快速结论：该报错在打开 n8n 节点查看配置、输入或输出时出现，界面被截断显示不全。优先尝试清除浏览器本地存储（localStorage）中与节点详情视图面板宽度相关的缓存数据。

问题场景

用户在 n8n（v2.25.7，Docker Cloud 部署）中打开任意节点查看详情时，界面部分区域被截断、面板向左挤压，无法完整显示节点配置内容。该问题在所有工作流中均能复现，且不受浏览器缩放、AI 侧边栏开关影响。

报错原文

No specific error log; visual only: panels collapse to the left instead of filling the modal.
UI truncated when opening node to view configuration, input, and output.

原因分析

可能原因：节点详情视图的面板宽度计算在模态框容器尺寸测量完成前执行，导致测量结果为 0 像素，进而生成无效的面板宽度缓存值，使得各面板向左挤压、界面显示不全。

环境排查

• n8n 版本：2.25.7
• 部署方式：Docker（cloud）
• 数据库：SQLite
• 客户端浏览器：Chrome 129（Windows 10）
• 浏览器缩放级别：100%
• 无痕/隐私窗口下是否可复现：不可复现（仅在正常窗口下出现）

解决步骤

1. 打开浏览器开发者工具（F12），进入 Console 面板。
2. 执行以下 JavaScript 代码，清除本地存储中与节点详情视图面板宽度相关的缓存项：

3. Object.keys(localStorage).filter(k => k.startsWith('N8N_NDV_PANEL_WIDTH')).forEach(k => localStorage.removeItem(k));

4. 刷新页面，重新打开任意节点，检查界面是否恢复正常。
5. 如果上述方法无效，可在浏览器设置中清除所有本地存储和 Cookie，然后重新登录 n8n。
6. 可优先尝试：如果问题只在正常窗口出现而无痕窗口正常，建议清除该域下的 localStorage 数据。

验证方法

执行清除步骤后，刷新页面并打开任意节点的配置/输入/输出视图，确认面板能够正常展开、内容完整显示，不再出现截断或向左挤压现象。

参考来源

n8n-io/n8n #32435

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。