将电子渲染器添加到webpack时，“需要未定义”

Question

我正在开发一个电子应用程序。一切都很好，直到我想使用渲染器中的IPC调用一些本机功能。我知道将以下行添加到我的Webpack配置中将允许我在渲染器端导入电子。

module.exports = {
    // ...
    target: 'electron-renderer',
}

添加此行时出现以下错误

Uncaught ReferenceError: require is not defined

违规行是

module.exports = require("querystring");

哪种有意义，因为浏览器不理解“需要”。

请注意，没有electron-renderer目标应用程序运行良好，除了我不能做的事情

import {ipcRenderer} from 'electron';

有什么想法我可能做错了吗？谢谢！

Answer 1

刚刚碰到这个。需要注意的一件事是确保在创建渲染器窗口时将nodeIntegration设置为true。

mainWindow = new electron.BrowserWindow({
    width: width,
    height: height,
    webPreferences: {
        nodeIntegration: true
    }
});