Unable to load preload script: 'renderer.prod.js'

I have the problem Unable to load preload script: /Users/waltermitty/Code/cvte/electron-easi-camera/app/dist/renderer.prod.js. If I add nodeIntegration: true,, My project can work. But the console error is still. My questions are:

1. what’s its effect and why we need renderer.prod.js in production build, even though everything works right without it?
2. How can I require(‘fs’) properly in harmony with preload.renderer.js. I do not want to modify the original main.dev.ts.

Error screenshot

If you need any further info, plz let me know and I will append as soon as possible.

Update I found the reason caused the error: I require node native fs module in my react component. Because I want to implement saving file function. When I remove the require('fs'), error gone.Here is my code snippet:

const fs = require('electron').remote.require('fs');
fs.writeFile(`${url}/${name}`, buf, (err: Error) => {
      if (err) {
        logger.error(err);
      } else {
        logger.log('save file successfully!');
      }
    });

[kingpalethe]

this fixed this issue for me! https://github.com/electron-react-boilerplate/electron-react-boilerplate/pull/2503/commits/1d97ac110321288b0068c55ca458e3563b751551

[sanzhardanybayev]

@kingpalethe By default, electron doesn’t let you to access remote module. In order to get access to it, you need to enable it by setting enableRemoteModule to true in webPreferences property when instantiating BrowserWindow . Here’s an official solution:

 const mainWindow = new BrowserWindow({
    show: false,
    width: 1024,
    height: 728,
    icon: getAssetPath('logo.png'),
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
    },
  });