如何解决仅针对一个模块和组件的角状神经聊天
我只想将NbChat集成到我的项目中。
起初,我只是尝试将其正常集成到我的整个项目中,但是当将NbThemeModule.forRoot({ name: 'corporate' })
声明为import时,当我尝试使用具有打字稿逻辑的组件(在本例中为登录)时,遇到了以下错误。 app.module
中以及app.component.html
包装在NbLayout中时:
ERROR Error: Uncaught (in promise): TypeError: this.container is undefined
_createContainer@http://localhost:4200/vendor.js:80244:9
getContainerElement@http://localhost:4200/vendor.js:178191:18
_createHostElement@http://localhost:4200/vendor.js:180093:32
create@http://localhost:4200/vendor.js:180060:27
_createOverlay@http://localhost:4200/vendor.js:112117:30
_attach@http://localhost:4200/vendor.js:112026:33
openFromComponent@http://localhost:4200/vendor.js:111963:21
open@http://localhost:4200/vendor.js:111991:21
login/<@http://localhost:4200/main.js:7096:68
__awaiter/<@http://localhost:4200/vendor.js:167019:71
ZoneAwarePromise@http://localhost:4200/polyfills.js:1317:33
__awaiter@http://localhost:4200/vendor.js:167015:12
login@http://localhost:4200/main.js:7084:75.....
由于这破坏了应用程序中的所有内容,因此我将整个聊天放置在由子模块导出的组件中,该子模块导出并导入
NbThemeModule.forRoot({ name: 'corporate' }),NbLayoutModule,NbEvaIconsModule,NbChatModule
副总裁,我将自己编写的ChatModule导入app.module.ts
中。
由于当Nebular聊天组件未包装在nb-layout中时,其他人也会遇到相同的错误,因此在这里您可以看到聊天组件的包装如下:
<nb-layout>
<nb-layout-column>
<nb-chat title="Drag & Drop chat" size="medium">
<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"
[avatar]="msg.user.avatar">
</nb-chat-message>
<nb-chat-form (send)="sendMessage($event)" [dropFiles]="true"></nb-chat-form>
</nb-chat>
</nb-layout-column>
</nb-layout>
由于某种原因,我仍然遇到相同的错误。 感谢您的帮助。
更新1:
在使用Chrome进行调试时,我得到了更具体的错误代码:
core.js:4197 ERROR TypeError: Cannot read property 'appendChild' of undefined
at NbOverlayContainerAdapter._createContainer (index.js:2116)
at NbOverlayContainerAdapter.getContainerElement (overlay.js:735)
at Overlay._createHostElement (overlay.js:2637)
at Overlay.create (overlay.js:2604)
at MatDialog._createOverlay (dialog.js:673)
at MatDialog.open (dialog.js:632)
at ActivejobsComponent.openJobCreation (activejobs.component.ts:72)
at ActivejobsComponent_div_1_Template_button_click_5_listener (activejobs.component.html:9)
at executeListenerWithErrorHandling (core.js:14309)
at wrapListenerIn_markDirtyAndPreventDefault (core.js:14344)
在进行更多测试时,似乎只有在任何子模块中导入NbTheme才会导致与Angular Material的所有叠加(MatDialog,MatMenu,MatSnackbar,MatSideNav)冲突。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。