Angular Tree Component init errors

Question

I'm trying to implement a very basic usage of Angular Tree Component in my application. Angular version is 9, component version is 9.0.5.

I uncluded TreeModule into my app module's imports. Inserted this in html:

<tree-root [nodes]="nodes"></tree-root>

And this in the TS:

nodes:any[] = [{name:'Test root node', children: []}];

It starts the app and tries to start tree component, but I see these errors:

I tried to debug, it looks like the initialization of the component and internal elements is wrong. It tries to access internal VirtualRoot and VirtualScroll before they were created. I also tried to leave nodes collection empty and them add some nodes using:

this.tree.treeModel.update();

Then it doesn't throw exceptions on init, but it doesn't render something, although I see that nodes collection is updated inside TreeModel.

I feel like I'm missing something very basic. We're using redux, I thought it might be conflicting somehow with mobx used in tree component. Any ideas?

Ulad Melekh · Accepted Answer · 2021-12-13 14:54:05Z

0

The problem was in mobx version mismatch. It's listed either as a peer dependency or dependency in angular-tree-component.

answered Dec 13, 2021 at 14:54

Ulad Melekh

9443 gold badges20 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Tree Component init errors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related