NbChat组件不显示和NullInjectorError在控制台中，不知道如何修复

Question

我正在尝试使用星云来设置聊天以显示消息的静态数组。目前，当我尝试按照这里的文档所示进行操作时，我得到错误

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[NbStatusService -> NbStatusService -> NbStatusService]: 
NullInjectorError: No provider for NbStatusService!

但是，我没有使用服务，所以我不知道它指的是哪种服务。我现在的代码是:html

<div style="text-align: center">
<nb-chat title="Nebular Conversational UI">
<nb-chat-message *ngFor="let msg of messages"
[type]="msg.type"
[message]="msg.text"
[reply]="msg.reply"
[sender]="msg.user.name"
[date]="msg.date"
[files]="msg.files"
[quote]="msg.quote"
[latitude]="msg.latitude"
[longitude]="msg.longitude"
[avatar]="msg.user.avatar"></nb-chat-message>
</nb-chat>
<h2> You won </h2>
<button  pButton type="button" label="Previous" (click)="navigateToPrevious()"></button>
<button disabled="true" pButton type="button" label="Next" (click)="navigateToNext()" pTooltip="This feature has not yet been implemented. Come back to see how your program did, step by step!"></button>
</div>

ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
@Component({
selector: 'app-cc-results',
templateUrl: './cc-results.component.html',
styleUrls: ['./cc-results.component.scss']
})
export class CcResultsComponent implements OnInit {
gameId:string = "";
messages: any[] = [
{
text: 'Custom template was provided as a title!',
date: new Date(),
reply: false,
user: {
name: 'Bot',
avatar: 'https://s3.amazonaws.com/pix.iemoji.com/images/emoji/apple/ios-12/256/robot-face.png',
},
},
];
constructor(private router:Router) { }
ngOnInit(): void {    
}
navigateToNext() {   
this.router.navigate(['game/review'])
}
navigateToPrevious() {
this.router.navigate(['game/upload'])
}
}

缺乏文档使得我很难使用它，所以我真的很感激你的帮助。谢谢你。

我已经尝试做完全显示在文档中，但它似乎不工作。我找不到其他可用的资源，并且搜索我的问题没有返回任何有用的内容。

Answer 1

我自己也遇到了这个问题。我发现将这些添加到我的app.module.ts的导入中可以解决这个问题:

NbThemeModule.forRoot({ name: 'default' }),
NbLayoutModule,
NbEvaIconsModule,
NbChatModule

当我运行"ng添加@nebular/theme"对于我现有的多个模块的项目，它没有自动做到这一点。然而，当我尝试创建一个新的angular项目时，这个命令直接将这些添加到我的app.module中，它就解决了这个问题。