Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TypeError: this.getField(...).map is not a function

See original GitHub issue

Using angular-tree-component 3.2.3.

In my template:

<tree-root *ngIf="nodes" [nodes]="nodes" class="box left"></tree-root>

In my App Component constructor:

export class AppComponent  { 
    name = 'Angular'; 
    nodes: any;

   public constructor(private service: MyService) {
    this.service.getdata().subscribe(
                    data => this.nodes = data,
                    err => console.error(err),
                    () => console.log('get complete')
                );

As soon as my data callback returns from getting data from my service and tries to add to the nodes property, I get this:

TypeError: this.getField(...).map is not a function
    at TreeNode._initChildren (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:21686:14)
    at new TreeNode (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:21349:18)
    at TreeModel.exports.TreeModel.TreeModel.update (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:21785:28)
    at executeAction (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:670:19)
    at TreeModel.res (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:661:16)
    at TreeModel.exports.TreeModel.TreeModel.setData (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:21776:14)
    at executeAction (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:670:19)
    at TreeModel.res (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:661:16)
    at TreeComponent.exports.TreeComponent.TreeComponent.ngOnChanges (http://localhost/node_modules/angular-tree-component/dist/angular-tree-component.umd.js:22585:24)
    at Wrapper_TreeComponent.ngDoCheck (/TreeModule/TreeComponent/wrapper.ngfactory.js:60:18)
    at View_AppComponent1.detectChangesInternal (/AppModule/AppComponent/component.ngfactory.js:45:27)
    at View_AppComponent1.AppView.detectChanges (http://localhost/node_modules/@angular/core/bundles/core.umd.js:12208:18)
    at View_AppComponent1.DebugAppView.detectChanges (http://localhost/node_modules/@angular/core/bundles/core.umd.js:12355:48)
    at ViewContainer.detectChangesInNestedViews (http://localhost/node_modules/@angular/core/bundles/core.umd.js:12466:41)
    at CompiledTemplate.proxyViewClass.View_AppComponent0.detectChangesInternal (/AppModule/AppComponent/component.ngfactory.js:197:14)

I tried adding “import ‘rxjs/add/operator/map’;” to my service and my component, but that didn’t help.