¿Cómo puedo solicitar MySQL desde una pestaña/página diferente usando electron?

Cuando estoy en electron, puedo conectarme a la base de datos MySQL en el archivo principal del índice, que de alguna manera se llama así:

const {app, BrowserWindow} = electron;

app.on('ready', ()=>{
    let win = new BrowserWindow({
        
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
            
        },
    });
    win.loadFile('index.html')
}); 

En el archivo index.html, tengo este código a continuación y funciona bien. Puedo hablar con la base de datos todo está bien.

var mysql = require("mysql");

var con = mysql.createConnection({
  host     : "localhost",
  user     : "user",
  password : "pass",
  database : "db_name"
});

con.connect(function(err) {
  if (err) throw err;
  console.log("Connected!");
  var sql = "CREATE TABLE vcvcvcvcv (name VARCHAR(255), address VARCHAR(255))";
  con.query(sql, function (err, result) {
    if (err) throw err;
    console.log("Table created");
  });
});  

Pero cuando creé otro archivo HTML dentro del mismo directorio e intenté conectarme a la base de datos. Recibo un error de referencia no detectado en la línea:

var mysql = require("mysql");
Answer