require(electron) doesn't work with eel.start

My code:

const electron = require('electron');
const url = require('url');
const path = require('path');

const {app, BrowserWindow, Menu} = electron;

let mainWindow;

//Listen for app to be ready
app.on('ready', function(){
    //Create new window
    mainWindow = new BrowserWindow({});
    //Load HTML into window
    mainWindow.loadURL(url.format({
        pathname: path.join(__dirname, 'index.html'),
        protocol:'file',
        slashes: true
    }));
    //Using the menu Template we made down outside this funciton
    const mainMenu = Menu.buildFromTemplate(menuTemplate);
    //Insert the Menu
    Menu.setApplicationMenu(mainMenu);
});

//Creating a menu template.
//This is what shows up on the menubar on top.
const menuTemplate = [
    {
        label: 'Connection Management',
        submenu:[
            {
                label: 'Start Listening',
                click(){
                    dumbpy();
                }
            },
            {
                label: 'Stop Listening'
            },
            {
                label: 'EDAAC'
            }
        ]
    }
]

The menu only shows when I do npm start in the director. It doesn’t when I run the .py file. When I open the the inspect element, I get this : Uncaught ReferenceError: require is not defined at main.js:1

[ChrisKnott]

Hi guys, I will post an example Electron demo this evening that you can copy

[04fsnape]

@CyberSinister Did you just download the folder then run npm install? I can’t tell if you can’t get the demo working or you tried editing your current program to add some stuff from the demo.