首页 > 解决方案 > electron.js 标题栏问题:Uncaught ReferenceError: require is not defined at titleBarStuff.js:1

问题描述

大家好,我遇到了这个问题:我正在按照 youtube 上的教程使用 electron.js 制作本机代码编辑器: https ://www.youtube.com/watch?v=SQLSBva6BkQ&list=PLTHrJfrjCyJAxErpBW4B1IXFU3tpn61r6&index= 4 在第 4 课中,他教你如何制作自定义框架/标题栏。

在主页上我写了这个: <script src="js/titleBarStuff.js"></script>

在 titleBarStuff.js 我写了这个:

const remote = require("electron").remote; //I get the error at this line

var minimize = document.getElementById('minimize'); var maximize = document.getElementById('maximize'); var quit = document.getElementById('quit');

minimize.addEventListener("click", minimizeApp); maximize.addEventListener("click", maximizeApp); quit.addEventListener("click", quitApp);

function minimizeApp(){ console.log("app min") remote.BrowserWindow.getFocusedWindow().minimize(); }

function maximizeApp(){ remote.BrowserWindow.getFocusedWindow().maximize(); }

function quitApp(){ remote.BrowserWindow.getCurrentWindow.close(); }

function createWindow(){

win = new BrowserWindow({

widht:900, height:800, minHeight:650, minWidth:600, frame:false,

webPreferences: { nodeIntegration: true } }) }

但我得到这个错误:

Uncaught ReferenceError: require is not defined
at titleBarStuff.js:1

我该如何解决?

标签: javascriptelectron

解决方案


将以下对象添加到 createWindow 函数内的 main.js 文件。

webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      enableRemoteModule: true,-+

}

推荐阅读