Angular Modal引发错误，因为“无法读取null的属性'removeChild'

Question

会话超时到期后，我已经关闭了在应用程序组件中打开的所有模型，如下所示：

        let modal = Array.from(document.querySelectorAll('.modal'));

        if(modal.length >0){
        modal.forEach(node => {
          node.remove();
        });
        }
        let backdrop = Array.from(document.querySelectorAll('.modal-backdrop'));


        if(backdrop.length >0){
        backdrop.forEach(node => {
          node.remove();
        });   
        }

但是当我重新登录并打开模型时，出现以下错误，因为无法读取null的属性'removeChild'

但是，如果在会话超时时重新加载页面，它将按预期工作。

登录后，我使用以下代码重新打开模型

this.bsModalRef = this.modalService.show(ItemDetailComponent, {
    initialState: {
      thisItemId: cell.getRow().getData().traceEntId
    },
    class: 'modal-lg'
  });
}, 1000);