欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

更新electron-vue构建的项目中electron版本

程序员文章站 2022-06-04 18:25:23
...

更新electron-vue构建的项目中electron版本

使用electron-vue构建的项目中,electron版本为v2.0.4,目前electron官方已经更新到v8.0.1,官网文档有些已经不适用与2.0.4,因此手动更新此项目中electron。

步骤如下

  • 删除原依赖
    直接执行 npm install electron --save -dev或者先 npm uninstall electron 一般更新过程中都会报错,因此直接将node_modules文件夹中的electron文件夹删除

  • 安装新依赖
    npm install electron --save-dev
    此命令即可安装最新版本

  • 存在的问题
    执行npm run dev将项目跑起来后·,会报如下错误,且界面白屏
    Uncaught ReferenceError: require is not defined
    at (index):1
    (index):1 Uncaught ReferenceError: process is not defined
    at (index):1
    renderer.js:1 Uncaught ReferenceError: module is not defined
    at renderer.js:1

    更新electron-vue构建的项目中electron版本

  • 解决方法
    新的版本中,默认网页中没有集成 Node.js,只需在主进程中集成即可。

mainWindow = new BrowserWindow({
     height: 563,
     useContentSize: true,
     width: 1000
    webPreferences:{
       nodeIntegration:true //在网页中集成Node
    }
  })
相关标签: electron