Xterm.js: reagieren xterm importieren CSS-Datei nicht laden?
Einzelheiten
- Browser und Browserversion:
- OS Version:
- xterm.js-Version: 3.3.0
Schritte zum Reproduzieren
- npm install xterm --save
new Terminal()undterm.open(document.getElementById('terminal-container'));
Sieht so aus, als ob die xterm-CSS-Datei nicht geladen wird? Ich verwende xterm mit Reagieren.
zhangjie2012
Alle 3 Kommentare
Hallo zhangjie2012,
Ich weiß nicht so viel über Reagieren, aber wenn Sie require('xterm') oder import 'xterm' eingeben, erhalten Sie nur js, es sei denn, Sie verwenden einen speziellen Loader. Webpack hat einen speziellen Loader, um style/css zu handhaben, aber Sie müssen mit der import-Anweisung auf die CSS-Datei von xterm zeigen. Informationen zum Laden von CSS finden Sie in der Dokumentation Ihres Bundlers/Loaders.
Deutlich sein. Die CSS- und JS-Dateien werden getrennt gespeichert und benötigen normalerweise mehrere Importanweisungen, um beide zu erhalten.
ghost
am 26. Apr. 2018
Ja, Sie müssen die CSS-Datei sowie in das Snippet „Erste Schritte“ https://github.com/xtermjs/xterm.js#getting -started einfügen
Tyriar
am 26. Apr. 2018
für scss:
<strong i="6">@import</strong> '~xterm/dist/xterm.css';
monsterooo
am 22. Juli 2019
Verwandte Themen
Tyriar
·
4Kommentare
circuitry2
·
4Kommentare
fabiospampinato
·
4Kommentare
jestapinski
·
3Kommentare
jerch
·
3Kommentare
Hilfreichster Kommentar
Hallo zhangjie2012,
Ich weiß nicht so viel über Reagieren, aber wenn Sie
require('xterm')oderimport 'xterm'eingeben, erhalten Sie nur js, es sei denn, Sie verwenden einen speziellen Loader. Webpack hat einen speziellen Loader, um style/css zu handhaben, aber Sie müssen mit der import-Anweisung auf die CSS-Datei von xterm zeigen. Informationen zum Laden von CSS finden Sie in der Dokumentation Ihres Bundlers/Loaders.Deutlich sein. Die CSS- und JS-Dateien werden getrennt gespeichert und benötigen normalerweise mehrere Importanweisungen, um beide zu erhalten.