如何在 Electron HTML 頁面中使用 Node.js `require()`？

Electron 'require()' 未定義問題

在Electron 應用程式中遇到錯誤「'require()' 未定義」指示在HTML 頁面中使用Node.js 功能時出現問題。出現此問題的原因是 Electron 預設透過將 nodeIntegration 選項設為 false 來停用 Node 整合。

要解決此問題，您可以在建立瀏覽器視窗時啟用 Node 整合。以下程式碼片段示範如何執行此操作：

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

透過啟用 Node 集成，您可以在 Electron 應用程式的 HTML 頁面中存取 Node.js 模組和函數。這意味著您現在可以在 HTML 頁面中使用 app、dialog 和 fs 等變量，從而提供對本機 Electron 功能的存取。

啟用 Node 整合後，您可以使用 Node.js require() 函數載入模組並存取 Node.js API。例如，如果您想從使用者桌面讀取文件，可以使用以下程式碼：

<code class="javascript">var fs = require('fs');
fs.readFile('/Users/username/Desktop/file.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});</code>

啟用 Node 整合可在整個 Electron 應用程式的 HTML 頁面中授予對 Node.js 功能的存取權限。這使您可以輕鬆地將本機 Electron 功能合併到基於 Web 的應用程式中。

以上是如何在 Electron HTML 頁面中使用 Node.js `require()`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！