How to Use Node.js `require()` in Electron HTML Pages?

Electron 'require()' not Defined Issue

Encountering the error "'require()' is not defined" in an Electron application indicates a problem in using Node.js functionalities within HTML pages. This issue arises due to Electron's default behavior of disabling Node integration by setting the nodeIntegration option to false.

To resolve this problem, you can enable Node integration when creating the Browser Window. The following code snippet demonstrates how to do this:

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

By enabling Node integration, you allow Node.js modules and functions to be accessed within the HTML pages of your Electron application. This means you can now utilize variables such as app, dialog, and fs within your HTML pages, providing access to native Electron functionalities.

Once Node integration is enabled, you can use the Node.js require() function to load modules and access Node.js APIs. For example, if you want to read a file from the user's desktop, you can use the following code:

<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>

Enabling Node integration grants access to Node.js functionalities throughout your Electron application's HTML pages. This allows you to easily incorporate native Electron features into your web-based application.

The above is the detailed content of How to Use Node.js `require()` in Electron HTML Pages?. For more information, please follow other related articles on the PHP Chinese website!