我试图在单击按钮时从另一个 Javascript 文件调用主进程的函数。代码如下:
main.js
const electron = require( 'electron')
const {app, BrowserWindow} = electron
const path = require('path')
app.on('ready', () => {
let win = new BrowserWindow({width:800,height:600})
win.loadURL(`file://${__dirname}/index.html`)
})
exports.openWindow = () => {
alert("Hello Javatpoint");
}
index.html
<!doc html>
<html>
<head>
<title>
Test 1
</title>
</head>
<body>
<h1>Hello world</h1>
<script src="index.js"></script>
</body>
</html>
index.js
const main = require('electron').remote.require('./main')
var button = document.createElement('button')
button.textContent = 'Open'
button.addEventListener('click',() => {
main.openWindow()
}, false)
document.body.appendChild(button)
当我单击该按钮时，它应该显示一个警报对话框。但它没有显示任何东西。我是 Electron 新手。我想知道它不起作用的原因。请帮忙。
最佳答案
代码有效，函数已导出，唯一的错误是在主进程内，警报函数不存在。您只能查看控制台，您应该会看到错误:
警报功能在主进程(main.js)中不可用，因为这不是渲染器进程。您可以使用 console.log 更改警报，这应该有效:
exports.openWindow = () => {
// You should see this data on the console that
// starts electron, not in the JavaScript console of electron !
console.log("Hello Javatpoint");
};
在此过程中您无法直接访问 DOM 函数。如前所述，要查看图形结果，您可以执行 console.log 以查看启动 Electron 应用程序的控制台上的字符串:
正确的操作方法
如果您想遵循标准，您可以使用ipcMain和 ipcRenderer Electron 数:
main.js
const {ipcMain} = require('electron');
ipcMain.on('open-window', (event, arg) => {
// prints "ping"
console.log(arg);
event.sender.send('open-window-response', 'pong');
})
index.js
const {ipcRenderer} = require('electron');
ipcRenderer.on('open-window-response', (event, arg) => {
// prints "pong" in the JS console (chromium)
console.log(arg);
});
var button = document.createElement('button');
button.textContent = 'Open';
button.addEventListener('click',() => {
ipcRenderer.send('open-window', 'ping');
}, false);
document.body.appendChild(button)
关于javascript - 调用主进程的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45657983/