Electron 'require()' 未定義: HTML でのノード アクセスの有効化

Electron で、「require() は次のとおりです」というエラーが発生した場合HTML ページ内で Node.js 機能を利用しようとすると、「定義されていません」というメッセージが表示されます。これは、Electron バージョン 5 以降、ノード統合がデフォルトで無効になっていることを示します。この問題を解決するには、各 BrowserWindow に対して nodeIntegration を明示的に有効にする必要があります。

Toノード統合を有効にし、BrowserWindow 作成コードを次のように変更します。

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
        }
    });
});

nodeIntegration を true に設定し、contextIsolation を false に設定すると、Node.js モジュールに直接アクセスできるようになり、次のような変数を利用できるようになります。

var app = require('electron').remote; 
var dialog = app.dialog;
var fs = require('fs');

HTML ページおよび Electron ウィンドウ内で。これにより、Electron アプリケーション全体で Node.js の機能をシームレスに利用できるようになります。