Xterm.js: reaccionar import xterm no carga el archivo css?
Detalles
- Navegador y versión del navegador:
- Versión del sistema operativo:
- Versión de xterm.js: 3.3.0
pasos para reproducir
- npm install xterm --save
new Terminal()yterm.open(document.getElementById('terminal-container'));
¿Parece que no carga el archivo css xterm? Yo uso xterm con react.
typquestion
zhangjie2012
Todos 3 comentarios
Hola zhangjie2012,
No sé mucho sobre reaccionar, pero cuando require('xterm') o import 'xterm' solo obtiene js a menos que esté usando algún cargador especial. Webpack tiene un cargador especial para manejar style / css pero debe apuntar al archivo css de xterm usando la declaración de importación. Consulte la documentación de su empaquetador / cargador para cargar css.
Para ser claro. Los archivos css y js se almacenan por separado y, por lo general, necesitan varias declaraciones de importación para obtener ambos.
ghost
en 26 abr. 2018
👍2
Sí, deberá incluir el archivo CSS, así como en el fragmento de introducción https://github.com/xtermjs/xterm.js#getting -started
Tyriar
en 26 abr. 2018
para scss:
<strong i="6">@import</strong> '~xterm/dist/xterm.css';
monsterooo
en 22 jul. 2019
¿Fue útil esta página
0 / 5 - 0 calificaciones
Temas relacionados
goxr3plus
·
3Comentarios
circuitry2
·
4Comentarios
LB-J
·
3Comentarios
tandatle
·
3Comentarios
kolbe
·
3Comentarios
Comentario más útil
Hola zhangjie2012,
No sé mucho sobre reaccionar, pero cuando
require('xterm')oimport 'xterm'solo obtiene js a menos que esté usando algún cargador especial. Webpack tiene un cargador especial para manejar style / css pero debe apuntar al archivo css de xterm usando la declaración de importación. Consulte la documentación de su empaquetador / cargador para cargar css.Para ser claro. Los archivos css y js se almacenan por separado y, por lo general, necesitan varias declaraciones de importación para obtener ambos.