javascript - 如何将 xterm.js 与 Meteor 一起使用

Question

我正在尝试使用 xterm.js在我的 Meteor 应用程序中，我无法使其工作，因为我得到 Terminal is not Defined。

我在客户的 main.html 中使用 xterm，如下所示:

<script src="../imports/ui/xterm.js"></script>
        <div id="terminal"></div>
             <script>
               var term = new Terminal();
               term.open(document.getElementById('#terminal'));
               term.write('Hello from \033[1;3;31mxterm.js\033[0m $ ')
             </script>

并且 xterm 被导入，因为如果我在终端中查看，我可以看到:

有人已经将 xterm.js 与 Meteor 一起使用，并且可以让我走上正轨吗？

Answer 1

这样是行不通的。您需要在 client/main.js 文件中导入该文件，并在之后使用其函数:

客户端/main.js:

import '../imports/ui/xterm.js';

Meteor.startup(() => {
  var term = new Terminal();
  term.open(document.getElementById('#terminal'));
  term.write('Hello from \033[1;3;31mxterm.js\033[0m $ ')
});

记得删除main.html文件中的两个脚本标签。

更新:如果仍然不起作用，则将 xterm.js 文件移动到 client/compatibility/xterm.js 并删除上面代码中的 import 语句。