Load JavaScript in an Electron BrowserWindow

Hello! I just started the course and it looks like the 2nd ('Load CSS ...') and 3rd(current one) videos have been switched, just wanted to let you know ;)

@Frederic Rey: I totally agree - it's a little confusing. I Guess Cameron could just simply change the order of episodes 2-3.

There's another way to contact Cameron?

Update for anyone watching now, and using Electron 5 or greater. Node integration is no longer enabled by default, you must explicitly enable it before require will work now...

Instead of mainWindow = new BrowserWindow() you'll now want:

mainWindow = new BrowserWindow({
    webPreferences: {
        nodeIntegration: true
    }
});

It should be 2nd lesson.

Had an error with require, turns out electron > 5.0.0 doesn't by default allow node integration for any renderer.

https://electronjs.org/docs/tutorial/security#2-do-not-enable-nodejs-integration-for-remote-content

Nov 2021 - Electron 15.3.0, following code will work:

1. remove script from index.html
2. index.js:

mainWindow = new BrowserWindow({
        webPreferences: {
            preload: path.join(__dirname, 'renderer.js')
        }
    });
    mainWindow.loadFile('index.html');

3. renderer.js:

window.addEventListener('DOMContentLoaded', () => {
    const versionEl = document.querySelector('#version');
    versionEl.innerText = process.versions.electron;
    console.log(process.versions);
});