电子创建取消按钮中的版本错误

Question

我正在构建一个电子应用程序。我在第二个窗口中创建了一个取消按钮，但是它不起作用。我无法解决最新的IpcRenderer和IpcMain概念。

这是HTML部分中的代码

    <script>

    const electron = require("electron");
    const {ipcRenderer} = electron;

    let cancelBtn = document.querySelector("#cancelBtn");
    let saveBtn = document.querySelector("#saveBtn");
    let todoValue = document.querySelector("#todoValue");

    cancelBtn.addEventListener("click", () => {
        ipcRenderer.send("newTodo:close");
    });

    saveBtn.addEventListener("click", () => {
        ipcRenderer.send("newTodo:save", {
            ref: "new",
            todoValue: todoValue.value
        });

    });

require('./renderer.js')    
</script>

这是main.js中的代码

   const {app, BrowserWindow, Menu, ipcMain } = electron;

此代码在app.or（“就绪”部分

    ipcMain.on("newTodo:close", () => {
    addWindow.close();
  });