Highcharts Dashboard删除并重新添加组件后出现冻结无响应问题

问题详情 #

在依赖highcharts": "^12.2.0"的Angular项目中使用Highcharts Dashboard时，出现以下异常：删除非Highcharts类型的组件后，尝试添加新组件会导致仪表盘完全冻结无响应，浏览器控制台会抛出错误：

Cannot read properties of undefined (reading 'chart')

该问题可在Highcharts官网的最小化仪表盘演示页面复现。

复现步骤 #

• 开启仪表盘的「Edit mode」（编辑模式）
• 添加任意非「Highcharts」类型的组件（如数据网格、KPI组件等）
• 删除刚添加的这个组件
• 尝试添加新组件，此时仪表盘无响应并触发上述控制台错误

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