将Angular Mat-tree与cdkDropList和虚拟滚动一起使用时出错

Question

我试图创建一个具有拖放功能的树组件，但也要进行虚拟滚动，因为我们需要支持大量数据。

为了解决这个问题，我关注了2篇文章，并尝试将2种解决方案组合在一起：

• 如何使用Angular材质树链接实现拖放

• 如何在Angular材质树链接上实现虚拟滚动

简而言之，我首先以“拖放”代码示例为例，并在其之上添加了虚拟滚动HTML，并在每次渲染视图时对树的数据进行切片。

请在这里查看我的测试应用程序。

问题是，有时在拖动项目时出现以下错误：

无法读取未定义的属性“ _getSiblingContainerFromPosition”

该错误似乎是在页面加载后立即拖动项目时出现的，但是通常当我再次尝试拖动同一项目时，该拖动可以正常工作。

我发现了在不同情况下类似错误的一些答案，这些错误指出每次更改树数据源后我们都需要调用Angular detectChanges（），但这并不能解决问题。

任何帮助，将不胜感激。