Olá, mesmo seguindo as duvidas dos colegas sobre esse mesmo problema, eu não conseguindo resolver.
Ja atualizei as versões, ja mudei o método, ambos não esta encontrando a referencia. Deletei o no node_modules e package-lock.json, fiz o npm install quando alterei as versões no package.json.
Acho esse um passo importante no meu aprendizado e quero resolver.
Vamos la: Meu código:
{
"name": "TimerElectron",
"version": "1.0.0",
"description": "",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron ."
},
"keywords": [],
"author": "Nello Orsolon",
"license": "ISC",
"dependencies": {
"electron": "^1.6.1"
}
}renderer.js:
const { ipcRenderer } = require('electron');
let linkAbout = document.querySelector('#link-about');
linkAbout.addEventListener('click', function() {
ipcRenderer.send('open-window-about');
});
main.js
const { app, BrowserWindow, ipcMain } = require('electron');
app.on('ready', () => {
console.log('Started!');
let mainWindow = new BrowserWindow({
with: 600,
height: 400
});
console.log(__dirname);
mainWindow.loadURL(`file://${__dirname}/app/index.html`);
});
app.on('window-all-closed', () => {
app.quit();
});
ipcMain.on('open-window-about', () => {
let aboutWindow = new BrowserWindow({
with: 300,
height: 200
});
aboutWindow.loadURL(`file://${__dirname}/app/about.html`);
});index.html
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>
Timer
</title>
<link rel="stylesheet" href="css/index.css">
<script src="js/renderer.js" charset="UTF-8"></script>
</head>
<body>
<h1>Janela ok</h1>
<a href="#" id="link-about">About</a>
</body>
</html>