angular PrimeNG UI组件报错

Question

我在使用primeng组件的tree时报错下面信息

这是我的代码，不止是p-tree报错，使用其他的组件的时候都是报这样类似的错误，昨天找了一天的bug都没有解决，希望可以有大神帮忙解决一下，谢谢！

html

 <p-tree [value]="files" selectionMode="single" [(selection)]="selectedFile"></p-tree>

component.ts

 import { Component, OnInit, ViewChild } from '@angular/core';
import { Tree, TreeNode, MenuItem, Message, TreeDragDropService } from 'primeng/primeng';
import { NodeService } from './nodeservice';

@Component({
  selector: 'app-select-tree',
  templateUrl: './select-tree.component.html',
  styleUrls: ['./select-tree.component.css']
})

export class SelectTreeComponent implements OnInit {

    files: TreeNode[];

    selectedFile: TreeNode;

    constructor(private nodeService: NodeService) {}

    ngOnInit() {
        this.nodeService.getFiles().then(files => this.files = files);
    }

}

module.ts

 import { NgModule, CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { CommonModule } from '@angular/common';

import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { InputTextModule, ButtonModule } from 'primeng/primeng';
import { TreeModule, TreeNode, SharedModule } from 'primeng/primeng';
import { SelectTreeComponent } from './select-tree.component';
import { NodeService } from './nodeservice';

@NgModule({
  imports: [
    CommonModule,
    BrowserModule,
    FormsModule,
    HttpModule,
    BrowserAnimationsModule,
    InputTextModule,
    ButtonModule,
    TreeModule,
    SharedModule
  ],
  declarations: [ SelectTreeComponent ],
  bootstrap: [ SelectTreeComponent ],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
  providers: [ NodeService ]
})
export class SelectTreeModule { }

Answer 1

在根模块中导入就可以了。