querySelector 或 addEventListener 不适用于 html 中的电子

问题描述 投票:0回答:1

我已经用 Electron 开始了一个桌面项目。但我的按钮不起作用,没有任何错误。这是 HTML 代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="assets/bootstrap.min.css">
</head>
<body>
  <h1>gangway app</h1>
  <button class="btn btn-primary" id="sendBtn">Send</button>
  <script>
    const electron = require("electron")
    const {ipcRenderer} = electron

    let sendBtn = document.querySelector("#sendBtn");
    sendBtn.addEventListener('click',()=>{
      alert("Alert")
      ipcRenderer.send("key","Gangway Test")
    })
  </script>
</body>
</html>

所以当我开始我的项目时,我只有一个按钮,但它不起作用。我没有收到任何警报。我还尝试使用 ipcRenderer 发布数据并使用 ipcMain 在 main.js 中捕获它,但也没有任何数据到来。我的按钮 ID 有问题吗?

html node.js electron alert addeventlistener
1个回答
0
投票

您不能只在 HTML 文件中使用 require("electron"),它已被弃用。您一定一直在遵循旧教程。

请查看Electron 快速入门指南

© www.soinside.com 2019 - 2024. All rights reserved.