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

更新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
  

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

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