Nebular >无法读取null的属性“”appendChild“”

Question

在导航到特定组件后，我想用Neular型toastrService显示一个祝酒词。我正在使用BehaviourSubject检查是否应该显示toast。

this.messageService.currentMessage.subscribe(msg => {
    if (msg.showToast){showToast()}
}

代码可以在其他组件中运行，但是对于这个组件，nebular在创建cdk-overlay-container时会抛出消息"Cannot read property 'appendChild‘of null“。

提前感谢您的帮助！

Error Message nebular error

Answer 1

使用如下所示的nb- app.component.html标记将路由器插座包装在布局中

<nb-layout>
  <nb-layout-column>
    <router-outlet></router-outlet>
  </nb-layout-column>
</nb-layout>

Answer 2

遗憾的是，这种变通是必要的，我最近在我的应用程序中遇到了同样的问题。即使整个应用程序被包装在布局/列组件中，它仍然会崩溃，并出现相同的错误。

当我将相同的布局/列组件包装在多个“页面”组件周围时，解决方案最终出现了，这些组件是导致问题的延迟加载模块的一部分。

因此，如果您继续遇到此问题，请尝试将顶级有问题的组件包装在布局/列中。