xterm.js 基本演示不工作

【问题标题】：xterm.js basic demo not workingxterm.js 基本演示不工作
【发布时间】：2018-08-09 01:21:32
【问题描述】：

所以，我正在尝试创建一个嵌入了终端的网站，并使用 xterm 来执行此操作。到目前为止，我一直在学习 xterm 并试图让基础知识发挥作用，但我一直遇到困难。下面是终端的代码：

<!DOCTYPE html>
<html>
  <head>
   <meta charset="UTF-8">
   <title>Mohammad Nadeem</title>
   <link rel="stylesheet" href="node_modules/xterm/dist/xterm.css" />
   <script src="node_modules/xterm/dist/xterm.js"></script>
  </head>

  <body>
   <div id = "terminal">
   </div>
   <script type = "text/javascript">
    import { Terminal } from 'xterm';
    var term = new Terminal();
    term.open(document.getElementById('terminal'), true);
    term.fit();
    term.writeln('Hello World!');
   </script>
</html>

【问题讨论】：

标签： node.js xtermjs

【解决方案1】：

通过脚本标签添加库时，您不需要使用import (ES6 Modules)。

<!DOCTYPE html>
<html>
  <head>
   <meta charset="UTF-8">
   <title>Mohammad Nadeem</title>
   <link rel="stylesheet" href="node_modules/xterm/dist/xterm.css" />
   <script src="node_modules/xterm/dist/xterm.js"></script>
  </head>

  <body>
   <div id = "terminal"></div>

   <script type = "text/javascript">
      var term = new Terminal();
      term.open(document.getElementById('terminal'));
      term.writeln('Hello World!');
   </script>
  </body>
</html>

如果你想使用像fit这样的插件，你必须导入它，例如：

<script src="node_modules/xterm/lib/addons/fit/fit.js"></script>

【讨论】：