npm 如何在ElectronJS上创建一个应用程序,点击按钮后会在控制台中注销“你好,世界!”?

gopyfrb3  于 2023-02-04  发布在  Electron
关注(0)|答案(1)|浏览(130)

请帮帮我!
所有你能想象到的和超出人类想象的东西。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World</title>
  </head>
  <body>
    <button id="hello-button">Hello World</button>
    <script src="renderer.js"></script>
  </body>
</html>

下面是renderer.js:

const helloButton = document.getElementById('hello-button');
helloButton.addEventListener('click', () => {
  console.log('Hello World');
});

下面是index.js:

const { app, BrowserWindow } = require('electron');

let win;

function createWindow() {
  win = new BrowserWindow({ width: 800, height: 600 });
  win.loadFile('index.html');
}

app.on('ready', createWindow);
f4t66c6m

f4t66c6m1#

你的问题是:
如何在ElectronJS上创建一个应用程序,点击按钮后会在控制台中注销"你好,世界!"?
您在上面发布的代码运行良好,并且在您单击按钮时确实会将"Hello World"记录到控制台。
因此,新的问题变成了为什么看不到这个输出?
如果您在电子应用程序中打开开发者工具,如下所示:

或者使用组合键Ctrl + Shift + I,您将看到应用程序的开发者工具。
选择 * Console * 选项卡,单击"Hello World"按钮,您将看到预期的输出。

希望这能有所帮助,但如果我没有理解你的意思,请让我知道,我会修改我的答案。

相关问题