electron中renderer.js报错require is not defined的解决方法

刚开始学习electron, 就遇到这样一个令我头疼的问题(ide用的是Electron Fiddle):

在renderer.js中写下如下代码后, 却不能正常发挥作用.

 打开控制台(使用<窗体名称>.webContents.openDevTools())后, 发现报错如下:

在查询之后,终于知道了问题的根源和解决办法. 问题的根源在于, renderer.js中默认是用不了Node.js的功能的,也就用不了require. 解决方法为, 在main.js中添加几行代码即可:

 

webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      ...
    }

参考资料:

[1]婧秋-fool. electron 中renderer.js中使用require('electron') 报错require is not defined. https://www.cnblogs.com/fool-jingqiu/p/13362594.html

[2]七夜的许愿星yj. electron 开启 nodeIntegration: true 仍报require is not defined. CSDN