bootstrap-4 - Xterm无法与Bootstrap Nav选项卡一起使用

Question

我正在尝试让xterm在我的 Electron 一页应用程序中工作。我的问题是xterm的div元素在另一个选项卡中，并且在启动/初始化时不可见。如果应用程序启动，并且我单击了xterm div元素的nav选项卡，则它只是一个很小的黑框，没有任何输出。

如果我在不加载bootstrap.css的情况下启动我的应用程序，则它可以正常工作，并且可以在xterm div元素中看到我的输出。但是存在没有任何自举功能的问题。

我怎么解决这个问题？

Answer 1

我找到了解决问题的方法。
应用启动后，我不会立即直接初始化xterm。我将等到用户单击带有终端的“导航选项卡”并在其后初始化xterm。

$('a[data-toggle="tab"]').on('shown.bs.tab', (e) => {
    if (/#MyTabID/gi.test(e.target.href) && this.MySshObjRef === null) {
        this.initMySshObj()
    }
})