Electron爬坑：electron渲染进程，require is not defined的问题

╰半夏微凉° 2022-10-02 05:00 542阅读 0赞

# 前提 #

本文所描述的问题，出现在渲染进程中。如果您的相关错误，是在主进程中出现的，那么并不适合本文的操作。

# 问题描述 #

跟随[官网的实例][Link 1]，再进行主进程到渲染进程通信的时候，出现了错误

官网代码

//在渲染器进程 (网页) 中。
    const {  ipcRenderer } = require('electron')
    console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // prints "pong"
    
    ipcRenderer.on('asynchronous-reply', (event, arg) => { 
      console.log(arg) // prints "pong"
    })
    ipcRenderer.send('asynchronous-message', 'ping')

系统报错`Uncaught ReferenceError: require is not defined`  
![系统报错][20190617111713698.png]

# 解决方案 #

开启`BrowserWindow`的`nodeIntegration: true`

mainWindow = new BrowserWindow({ 
      //...
      webPreferences: { 
         nodeIntegration: true
      }
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]

最新的electron@5.0系列中，这个nodeIntegration参数，默认改成false了。而在以前版本的electron中，这个nodeIntegration参数，默认为true。

# 感谢 #

[参考][Link 2]  
[相关文章][Link 3]

[Link 1]: https://electronjs.org/docs/api/ipc-main
[20190617111713698.png]: /images/20220113/0fc251e4cf4e469bb9e833dc771e3a04.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]: /images/20220113/49af5bd5c2064ed08195dcb5917e03bc.png
[Link 2]: https://newsn.net/say/electron-require-not-defined.html
[Link 3]: https://github.com/electron/electron/pull/16235