Xterm.js: réagir import xterm ne charge pas le fichier css ?
Des détails
- Navigateur et version du navigateur :
- Version du système d'exploitation :
- xterm.js version : 3.3.0
Étapes à reproduire
- npm install xterm --save
new Terminal()etterm.open(document.getElementById('terminal-container'));
Ressemble à ne pas charger le fichier css xterm ? J'utilise xterm avec réagir.
zhangjie2012
Tous les 3 commentaires
Salut zhangjie2012,
Je ne sais pas grand-chose à propos de réagir, mais lorsque vous require('xterm') ou import 'xterm' vous n'obtenez que des js à moins que vous n'utilisiez un chargeur spécial. Webpack a un chargeur spécial pour gérer le style/css mais vous devez pointer vers le fichier css de xterm à l'aide de l'instruction import. Référez-vous à la documentation de votre bundler/loader pour charger css.
Pour être clair. Les fichiers css et js sont stockés séparément et nécessitent généralement plusieurs instructions d'importation pour les obtenir tous les deux.
ghost
le 26 avr. 2018
Oui, vous devrez inclure le fichier CSS ainsi que dans l'extrait de démarrage https://github.com/xtermjs/xterm.js#getting -started
Tyriar
le 26 avr. 2018
pour scs :
<strong i="6">@import</strong> '~xterm/dist/xterm.css';
monsterooo
le 22 juil. 2019
Questions connexes
fabiospampinato
·
4Commentaires
johnpoth
·
3Commentaires
ghost
·
4Commentaires
Tyriar
·
4Commentaires
7PH
·
4Commentaires
Commentaire le plus utile
Salut zhangjie2012,
Je ne sais pas grand-chose à propos de réagir, mais lorsque vous
require('xterm')ouimport 'xterm'vous n'obtenez que des js à moins que vous n'utilisiez un chargeur spécial. Webpack a un chargeur spécial pour gérer le style/css mais vous devez pointer vers le fichier css de xterm à l'aide de l'instruction import. Référez-vous à la documentation de votre bundler/loader pour charger css.Pour être clair. Les fichiers css et js sont stockés séparément et nécessitent généralement plusieurs instructions d'importation pour les obtenir tous les deux.