Preload内のconsole.logは実行されるが、ファイルの読み込みではエラーが発生する

Question

前提・実現したいこと

Electronのバージョンアップに伴い、preloadファイルを使用したアプリへ修正を行っております。

発生している問題・エラーメッセージ

preloadファイルの読み込みでエラーが発生しており、プロセス間通信実装の障害になっております。

Unable to load preload script: '～/preload.js'

VM75 renderer_init.js:93 TypeError: Cannot read property 'createElement' of undefined

該当のソースコード

//main.js - メインプロセス
'use strict';

const {app,BrowserWindow,ipcMain} = require("electron");
const path = require("path");

let mainWindow;

const createMainWindow = ()=>{
	mainWindow = new BrowserWindow({
		width: 800,
		height: 600,
		webPreferences: {
			nodeIntegration: false,
			contextIsolation: true,
			preload: path.join(__dirname, 'preload.js')
		}
	});

	mainWindow.loadURL(path.join(__dirname, 'index.html'));
	mainWindow.on('closed', function() { mainWindow = null;	});

}

app.on('window-all-closed', function() {
	if (process.platform != 'darwin') {app.quit();}
});

app.on('ready', createMainWindow);

ipcMain.on("hoge", (fuga) => { console.log(fuga); });

//preload.js
const { contextBridge, ipcRenderer} = require("electron");

console.log('preload');

contextBridge.exposeInMainWorld(
	"requires", {
		"jquery": require('jquery')
	},
	"api", {
		send: (channel, data) => {
			ipcRenderer.send(channel, data);
		}
	}
);

//index.js - レンダラプロセス
"use strict";

window.api.send("hoge", "send");

試したこと

実行時、preloadファイル内console.log('preload');が読み込めているので、ファイル自体は問題ないようなのですが、
レンダリングプロセス側のコンソールに該当のエラーメッセージが表示されています。

補足情報（FW/ツールのバージョンなど）

Electron v13.1.1
Node v14.15.5

Answer 1

preloadファイル内の構成が誤っている場合、本エラーが表示されることが判明しました。
構成を修正することで動作しましたので、一旦解決とさせていただきます。