Xterm.js: react import xterm 不加载 css 文件？

创建于 2018-04-26  ·  3评论  ·  资料来源: xtermjs/xterm.js

细节

  • 浏览器和浏览器版本：
  • 操作系统版本：
  • xterm.js 版本：3.3.0

重现步骤

  1. npm install xterm --save
  2. new Terminal()和term.open(document.getElementById('terminal-container'));

image

好像没有加载 xterm css 文件？ 我将 xterm 与反应一起使用。

typquestion
资料来源
picture zhangjie2012

最有用的评论

嗨，zhangjie2012，

我对 react 了解不多，但是当你require('xterm')或import 'xterm' ，除非你使用一些特殊的加载器，否则你只会得到 js。 Webpack 有一个特殊的加载器来处理样式/css，但您必须使用 import 语句指向 xterm 的 css 文件。 有关加载 css 的信息，请参阅您的打包程序/加载程序的文档。

要清楚。 css 和 js 文件是分开存储的，通常需要多个 import 语句来获取它们。

picture ghost 于 2018-04-26
👍2

所有3条评论

嗨，zhangjie2012，

我对 react 了解不多，但是当你require('xterm')或import 'xterm' ，除非你使用一些特殊的加载器，否则你只会得到 js。 Webpack 有一个特殊的加载器来处理样式/css，但您必须使用 import 语句指向 xterm 的 css 文件。 有关加载 css 的信息，请参阅您的打包程序/加载程序的文档。

要清楚。 css 和 js 文件是分开存储的，通常需要多个 import 语句来获取它们。

ghost picture ghost 于 2018-04-26
👍2

是的，您需要包含 CSS 文件以及入门代码片段https://github.com/xtermjs/xterm.js#getting -started

Tyriar picture Tyriar 于 2018-04-26

对于 scss：

<strong i="6">@import</strong> '~xterm/dist/xterm.css';
monsterooo picture monsterooo 于 2019-07-22
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

7PH picture 7PH  ·  4评论
kolbe picture kolbe  ·  3评论
johnpoth picture johnpoth  ·  3评论
albinekb picture albinekb  ·  4评论
pfitzseb picture pfitzseb  ·  3评论