NOTA: Electrón 17.0.1

Estoy tan confundido acerca de usar la función win.loadURL en Electron. El objetivo principal es crear un tema oscuro para la aplicación de chat. Quiero cargar URL en Electron e inyectar CSS para cambiar a tema oscuro.

PERO cuando uso loadURL y luego ejecuto la aplicación Electron. Mostrará un error "window.require is not a function" y "Error de tipo no detectado "Uncaught TypeError: Cannot read properties of undefined (reading 'instance')"

aquí está mi código:

 // main.js const { app, BrowserWindow } = require("electron"); const path = require("path"); function createWindow() { const win = new BrowserWindow({ width: 1200, height: 800, webPreferences: { preload: path.join(__dirname, "preload.js"), }, }); win.webContents.openDevTools(); win.loadURL("https://seatalkweb.com/"); } app.whenReady().then(() => { createWindow(); app.on("activate", () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow(); } }); }); app.on("window-all-closed", () => { if (process.platform !== "darwin") { app.quit(); } });

 // preload.js window.addEventListener("DOMContentLoaded", () => { const replaceText = (selector, text) => { const element = document.getElementById(selector); if (element) element.innerText = text; }; for (const type of ["chrome", "node", "electron"]) { replaceText(`${type}-version`, process.versions[type]); } });

y esto es un error:

No se por que tiene error solo esta web al abrir en electron? (no hay problema si se abre en Chrome) este sitio web es https://seatalkweb.com/ y está bien si uso otra URL en su lugar (como google.com, facebook.com, etc.)

Cómo puedo arreglarlo ? y podría alguien puede explicarme acerca de este problema?