Electron：从b.js访问main.js触发app重复启动报错的解决方法求助

这个问题的核心是Electron的主进程和渲染进程是完全独立的运行环境，你在渲染进程的b.js里直接require('main.js')，相当于把主进程的代码在渲染进程里重新执行了一遍——而渲染进程中并没有Electron主进程的app对象，自然会抛出Cannot read property 'on' of undefined的错误。

正确的做法是使用Electron提供的IPC（进程间通信）机制来实现主进程和渲染进程的交互，下面是具体的修改步骤：

1. 修正主进程main.js代码 #

首先我们要移除没用的module.exports，改用ipcMain监听渲染进程发来的切换窗口请求，同时修复窗口关闭的逻辑（原来的mainWindow.quit()是错误的，应该先清空窗口引用，再在所有窗口关闭时退出应用）：

const { app, BrowserWindow, ipcMain } = require('electron');
const path = require('path');
let mainWindow;

function createWindow () {
  mainWindow = new BrowserWindow({
    width: 500,
    height: 300,
    frame: false,
    transparent: true,
    resizable: false,
    webPreferences: {
      // 推荐使用preload脚本的安全方案，保持contextIsolation开启
      preload: path.join(__dirname, 'preload.js'),
      contextIsolation: true,
      nodeIntegration: false
    }
  });

  mainWindow.setResizable(false);
  mainWindow.loadFile('index.html');
  mainWindow.webContents.openDevTools();

  mainWindow.on('closed', function () {
    // 清空窗口引用
    mainWindow = null;
  })
}

app.on('ready', createWindow);

// 监听所有窗口关闭事件，macOS下应用不会自动退出
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit();
});

app.on('activate', function () {
  if (mainWindow === null) createWindow();
});

// 监听渲染进程发来的切换窗口请求
ipcMain.on('open-main-screen', () => {
  if (mainWindow) {
    mainWindow.loadFile("mainScreen.html");
    mainWindow.resizeTo(1200, 800);
  }
});

2. 添加安全的preload脚本 #

创建preload.js，用来在主进程和渲染进程之间搭建安全的通信桥梁，避免渲染进程直接访问Electron核心API：

const { ipcRenderer, contextBridge } = require('electron');

// 向渲染进程暴露经过安全封装的API
contextBridge.exposeInMainWorld('electronAPI', {
  openMainScreen: () => ipcRenderer.send('open-main-screen')
});

3. 修改渲染进程b.js代码 #

在渲染进程中，通过preload脚本暴露的安全接口向主进程发送切换窗口的指令：

window.onload = function () {
  let btn = document.getElementById('btn');
  btn.addEventListener('click', () => {
    // 调用preload暴露的API触发窗口切换
    window.electronAPI.openMainScreen();
  });
};

为什么要这么做？ #

直接在渲染进程里require主进程模块会打破Electron的进程隔离设计，不仅会导致重复初始化报错，还会带来安全风险——渲染进程如果被恶意页面注入代码，可能会直接操作主进程的API。而使用IPC+preload脚本的方式，既能实现进程间的功能交互，又能严格控制渲染进程的权限，符合Electron的安全最佳实践。

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