Electron アプリが HTML ページで「require() が定義されていません」というエラーをスローするのはなぜですか?

Electron: HTML ページの「require() が定義されていません」問題の解決

Electron アプリケーションを開発する場合、Node.js 機能をHTML ページでは、「require() が定義されていません」という厄介なエラーが発生する可能性があります。これは、後のバージョンでの Electron のデフォルト設定の変更が原因で発生します。

この問題に対処するには、ユーザーはブラウザ ウィンドウの作成時に明示的に nodeIntegration を有効にする必要があります。これにより、HTML ページが必要な Node.js モジュールおよびグローバル オブジェクトにアクセスできるようになります。以下に例を示します。

<code class="javascript">// Enable nodeIntegration and disable contextIsolation in BrowserWindow
app.on('ready', () => {
    mainWindow = new BrowserWindow({
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
        }
    });
});</code>

この設定を有効にすると、次のような変数を HTML ページ内でシームレスに使用できます。

<code class="javascript">var app = require('electron').remote;
var dialog = app.dialog;
var fs = require('fs');</code>

nodeIntegration を有効にすることで、Electron は HTML ページに次のアクセスを許可します。 Node.js 環境を利用すると、ユーザーはアプリケーションのインターフェイス全体でその機能とオブジェクトを利用できるようになります。

以上がElectron アプリが HTML ページで「require() が定義されていません」というエラーをスローするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。