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

最新推荐文章于 2024-07-24 11:30:29 发布

阿髙

最新推荐文章于 2024-07-24 11:30:29 发布

阅读量478

点赞数 7

文章标签： vue.js electron 前端

本文链接：https://blog.csdn.net/weixin_43515759/article/details/135844800

版权

文章讲述了作者在升级Electron相关依赖包后遇到`requireisnotdefined`等错误，通过在`index.js`文件中修改webPreferences设置，尤其是`nodeIntegration`和`contextIsolation`，解决了这些问题并成功运行项目。

摘要由CSDN通过智能技术生成

更新版本：

网上说使用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 脚本
    }
  })