electronでビルド時にrequireがエラーになってしまう

electronでnodeIntegrationをtrueにした場合「electron .」でエラーは出ずにrequireしたものが使えますが、ビルド時にはレンダラープロセスがrequire「require is not defined at」とエラーが出てしまいます。
ビルド時にも問題なくrequireが使えるようにするにはどうしたら良いでしょうか？
ご回答よろしくおねがいします。
(npm startでも同様のエラーが出ます)

json
1{
2  "name": "file_app",
3  "version": "1.0.0",
4  "description": "",
5  "main": "index.js",
6  "author": "",
7  "license": "ISC",
8  "files": [
9    "package.json",
10    "package-lock.json"
11  ],
12  "scripts": {
13    "start": "electron ."
14  },
15  "dependencies": {
16    "bootstrap": "^4.6.0",
17    "file-type": "^16.2.0",
18    "fs": "0.0.1-security",
19    "jquery": "^3.6.0",
20    "mime-types": "^2.1.29",
21    "path": "^0.12.7",
22    "sharp": "^0.27.2",
23    "smartcrop-sharp": "^2.0.3",
24    "electron": "^12.0.0"
25  },
26  "devDependencies": {
27    "electron": "^12.0.0"
28  }
29}
30

javascript
1const { app, Menu,BrowserWindow,path } = require('electron');
2
3const fs = require('fs');
4
5
6
7//window.remote = remote;
8
9//------------------------------------
10// メニュー
11//------------------------------------
12// メニューを準備する
13const template = Menu.buildFromTemplate([
14  {
15    label: "ファイル",
16    submenu: [
17      { role:'close', label:'ウィンドウを閉じる' }
18    ]
19  }
20]);
21
22// メニューを適用する
23Menu.setApplicationMenu(template);
24
25function createWindow () {
26  win = new BrowserWindow({
27    width: 690,
28    height: 435,
29    webPreferences:{
30      nodeIntegration: true,
31      enableRemoteModule: true
32     // preload: app.getAppPath()+'/preload.js'
33    }
34  });
35  win.loadFile("index.html");
36 win.webContents.openDevTools();
37}
38
39
40app.whenReady().then(createWindow);