Question

我刚刚下载了primeNg的angular的快速入门cli，并为图表添加了第二个组件（它已经包含ui组件）。一切正常，当我保存时，我得到了整个应用程序的空白页，而不仅仅是第二个组件，只有当我删除MessageService的构造函数实例后，我才能返回我的应用程序，请帮助

第一个组件不使用MessageService 已经尝试从'primeng / api'导入

import { Component, OnInit } from '@angular/core';
import { MessageService } from '../../../node_modules/primeng/components/common/messageservice';

@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.css']
})
export class ChartComponent implements OnInit {
  data = {
    labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    datasets: [
        {
            label: 'First Dataset',
            data: [65, 59, 80, 81, 56, 55, 40],
            fill: false,
            borderColor: '#4bc0c0'
        },
        {
            label: 'Second Dataset',
            data: [28, 48, 40, 19, 86, 27, 90],
            fill: false,
            borderColor: '#565656'
        }
    ]
};

  constructor( private messageService: MessageService ) { }

  ngOnInit() {
  }
  selectData(event) {
    this.messageService.add({
        severity: 'info',
         summary: 'Data Selected',
        });
}

}

期望像文档一样获得图表，但出现空白错误，当我使用ng2-charts时发生了同样的事情

Answer 1

我自己偶然发现了这个问题，解决方法是将MessageService声明为AppModule中的提供者，正确的导入语句为：

import { MessageService } from 'primeng/api';

AppModule：

providers: [ MessageService ],

一段时间以前创建的帖子，但也许可以帮助其他人

Primeng MessageService实例空白页

1 个答案: