为什么光标会这样弄乱？

Question

我的终端是这样的：

import { useEffect } from "react";
import { Terminal as TerminalType } from 'xterm';
import { FitAddon } from 'xterm-addon-fit';
//import { SearchAddon } from 'xterm-addon-search'
import 'xterm/css/xterm.css';

export const Terminal = ({
    initialValue
  } : {
    initialValue?: string
  }) => {

  const id = 'xterm-container';
  useEffect(() => {
    const terminal = new TerminalType({
      cursorBlink: true,
      cursorStyle: window.api.isWindows ? "bar" : "underline"
    });

    const fitAddon = new FitAddon();
    terminal.loadAddon(fitAddon);

    window.api.receive('terminal.incomingData', (data) => {
      terminal.write(data);
    });
    
    terminal.open(document.getElementById(id) as HTMLElement);
    terminal.onData(key => {
      window.api.send('terminal.keystroke', key);
    });
    
    terminal.focus();
    window.api.send('terminal.keystroke', "cd C:\\\r\n");

  }, []);

  return (
    <div id={id}></div>
  )
}

在后端我将XTERM连接到这样的真实终端：

ipcMain.on('terminal.keystroke', (_, key) => {
  ptyProcess.write(key);
});

  const shell = isWindows ? 'powershell.exe' : 'bash';
  ptyProcess = spawn(shell, [], {
    name: 'xterm-color',
    cols: 80,
    rows: 30,
    cwd: isWindows ? process.env.USERPROFILE : process.env.HOME,
    env: process.env as INonUndefinedEnv
  });
  ptyProcess.onData(data =>
    EnforceNonNull(win).webContents.send('terminal.incomingData', data)
  );

但是，当发送文本时，由于某种原因，光标会像下面的图像中一样混乱。发送这样的文本会重现错误：

window.api.send('terminal.keystroke', "cd C:\\\r\n");

由Mysed我的意思。 CD在顶部，然后CD C：\和＆gt;＆gt;下面ps。应该是这样的：

​

​

​https://i.sstatic.net/l8s93.png“ rel =” nofollow noreferrer“>

编辑2：这似乎仅在第一行发生。之后，居民的位置似乎不再搞砸了