Electron中spawn调用C++子进程写日志致页面循环刷新问题

从你的描述来看，核心问题大概率是开发模式下Electron的自动文件监听机制被日志文件的写入操作触发，导致页面无限刷新，进而重复启动子进程，具体拆解：

1. 文件变化触发页面刷新：
   在Electron开发模式中，默认会监听项目目录下的文件变更（比如webpack热重载、Electron自身的文件 watcher），如果你的日志文件存放在项目目录内，每次fs.appendFile或pipe写入日志时，都会触发文件变更检测，Electron会误认为你修改了项目代码，自动刷新渲染进程页面。

2. 页面刷新重复执行子进程启动代码：
   如果你启动C子进程的代码写在渲染进程的页面脚本里（比如index.html的<script>标签、渲染进程JS文件），页面刷新后这段代码会重新执行，再次调用spawn启动新的C子进程；新子进程输出日志后又触发文件变更和页面刷新，最终形成无限循环。

而当你移除fs.appendFile时，虽然子进程仍在输出，但没有文件变更触发刷新，所以页面不会重启，看起来运行正常。

针对这个问题，你可以从三个方向入手解决，按优先级推荐：

1. 将日志文件写到项目目录之外 #

把日志输出到Electron不会监听的目录，比如系统临时目录、用户文档目录等，彻底避开文件监听的触发条件。

示例代码（主/渲染进程通用）：

const { spawn } = require('child_process');
const fs = require('fs');
const path = require('path');
const os = require('os');

// 用系统临时目录存放日志，避免触发项目文件监听
const logPath = path.join(os.tmpdir(), 'app_cpp_logs.txt');
const cppProcess = spawn('./your_cpp_executable');

cppProcess.stdout.on('data', (data) => {
  const logContent = data.toString();
  console.log(logContent);
  // 写入外部目录的日志文件
  fs.appendFile(logPath, logContent, (err) => {
    if (err) console.error('写入日志失败:', err);
  });
});

2. 将子进程启动逻辑移到主进程 #

主进程在Electron应用启动后只会运行一次，不会随着渲染进程页面刷新而重启，从根源上避免重复启动子进程。

主进程代码（main.js）： #

const { app, BrowserWindow, ipcMain } = require('electron');
const { spawn } = require('child_process');
const fs = require('fs');
const path = require('path');

let mainWindow;
let cppProcess;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true // Electron 7默认开启，若关闭需用IPC传递日志
    }
  });

  mainWindow.loadFile('index.html');

  // 仅在应用启动时启动一次C++子进程
  startCppProcess();
}

function startCppProcess() {
  // 把日志存在用户文档目录，避开项目监听范围
  const logPath = path.join(app.getPath('documents'), 'app_cpp_logs.txt');
  cppProcess = spawn('./your_cpp_executable');

  cppProcess.stdout.on('data', (data) => {
    const logContent = data.toString();
    console.log(logContent);
    fs.appendFile(logPath, logContent, (err) => {
      if (err) console.error('日志写入错误:', err);
    });
    // 可选：把日志发送到渲染进程显示
    mainWindow.webContents.send('cpp-log', logContent);
  });

  // 监听子进程退出，可选添加重启逻辑
  cppProcess.on('exit', (code) => {
    console.log(`C++子进程退出，代码: ${code}`);
  });
}

app.whenReady().then(createWindow);

渲染进程代码（index.html中）： #

<script>
const { ipcRenderer } = require('electron');
// 接收主进程传来的日志并处理
ipcRenderer.on('cpp-log', (event, log) => {
  console.log('渲染进程收到日志:', log);
});
</script>

3. 禁用开发模式的文件监听（不推荐，影响开发效率） #

如果必须把日志放在项目目录，可以配置Electron忽略特定文件的监听。比如使用electron-reload时，添加忽略规则：

require('electron-reload')(__dirname, {
  ignored: /app_cpp_logs\.txt$/ // 忽略日志文件的变更
});

或者临时关闭页面自动刷新（仅调试用）：

// 在主进程中添加
mainWindow.webContents.on('will-navigate', (event) => {
  event.preventDefault(); // 阻止页面自动刷新
});

内容的提问来源于stack exchange，提问作者Nycholas Maia