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 بشكل منفصل وعادة ما تحتاج إلى عبارات استيراد متعددة للحصول عليها كليهما.