electron.js ipcMain 和 ipcRenderer 不起作用

Question

我尝试使用 ipc 将数据从 main.html 发送到 main.js，但是当我在 yt 教程中尝试该方法时 ipcMain.on 在这里我的代码不起作用：

const electron = require('electron');
const url = require('url');
const path = require('path');
const { app, BrowserWindow, Menu, ipcMain } = electron;
let mainWindow;
app.on('ready', () => {
    mainWindow =  new BrowserWindow({});
    mainWindow.loadURL(
        url.format({
            pathname: path.join(__dirname, "main.html"),
            protocol: "file:",
            slashes: true
        })
    );
    const mainMenu = Menu.buildFromTemplate(mainMenuTemplate);
    Menu.setApplicationMenu(mainMenu);
    ipcMain.on("key", (event, data) => {
        console.log(data);
    });
});
const mainMenuTemplate = [
    {
        label : "Dosya",
        submenu : [
            {
                label : "Yenile",
                role : "reload"
            },
            {
                label : "Çıkış Yap",
                role : "quit"
            },
            {
                label : "Geliştirici Penceresini Aç/Kapa",
                click(item, focusedWindow){
                    focusedWindow.toggleDevTools();
                }
            },
            {
                label : "Bilgi Menüsü"
            }
        ]
    }
];

<h1>Deneme Sayfası</h1>
<button onclick="clicked()">Deneme</button>
<script>
    const electron = require('electron');
    const { ipcRenderer } = electron;

    function clicked(){
        ipcRenderer.send("key", "Veri Deneme");
    }
</script>

（有些部分不是英文的请忽略）

Answer 1

变化：

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

然后移动

 ipcMain.on("key", (event, data) => {
        console.log(data);
    });

之前

const mainMenuTemplate

对于html页面 你有两个选择：

1. 将初始化放在页面顶部

 <script>
      const {ipcRenderer} = require('electron')
    </script>

1. 在本地进行初始化

function clicked() {
  const {ipcRenderer} = require('electron');
   ipcRenderer.send("key", "Veri Deneme");
}