electron-vue更新到最新版本无法使用解决

更新版本：

网上说使用yarn upgrade-interactive --latest但是我这无法运行
所以我是使用以下命令进行更新的，不要急一条一条执行：

yarn add electron
yarn add electron-builder
yarn add electron-debug
yarn add electron-devtools-installer

这是我更新后的版本：

"electron": "^28.2.0",
"electron-builder": "^24.9.1",
"electron-debug": "^3.2.0",
"electron-devtools-installer": "^3.2.0"

执行完使用yarn dev运行，发现浏览器能跑起来，但是页面的控制台提示错误：
在这里插入图片描述

Uncaught ReferenceError: require is not defined
    at （索引）:1:75
（索引）:1 Uncaught ReferenceError: process is not defined
    at （索引）:1:211
renderer.js:1 Uncaught ReferenceError: module is not defined
    at renderer.js:1:1

解决办法

找到src文件夹下main文件夹下index.js文件，修改如下

  mainWindow = new BrowserWindow({
    webPreferences: {
      nodeIntegration: true, //在网页中集成Node
      enableRemoteModule: true, // 打开remote模块
      contextIsolation: false, // 【关键，不写这个还是会报错】 是否在独立 JavaScript 环境中运行 Electron API和指定的preload 脚本
    }
  })