new Terminal()
и term.open(document.getElementById('terminal-container'));
Похоже, не загружается файл xterm css? Я использую xterm с реакцией.
Привет, zhangjie2012,
Я не очень разбираюсь в реакции, но когда вы require('xterm')
или import 'xterm'
вы получаете только js, если только вы не используете какой-то специальный загрузчик. В Webpack есть специальный загрузчик для обработки style / css, но вы должны указать файл css xterm с помощью оператора импорта. Обратитесь к документации вашего сборщика / загрузчика для загрузки css.
Чтобы было ясно. Файлы css и js хранятся отдельно, и для их получения обычно требуется несколько операторов импорта.
Да, вам нужно будет включить файл CSS, а также фрагмент кода для начала работы https://github.com/xtermjs/xterm.js#getting -started
для scss:
<strong i="6">@import</strong> '~xterm/dist/xterm.css';
Самый полезный комментарий
Привет, zhangjie2012,
Я не очень разбираюсь в реакции, но когда вы
require('xterm')
илиimport 'xterm'
вы получаете только js, если только вы не используете какой-то специальный загрузчик. В Webpack есть специальный загрузчик для обработки style / css, но вы должны указать файл css xterm с помощью оператора импорта. Обратитесь к документации вашего сборщика / загрузчика для загрузки css.Чтобы было ясно. Файлы css и js хранятся отдельно, и для их получения обычно требуется несколько операторов импорта.