Electron build does not work without nodeIntegration

I’m trying to disable nodeIntegration from the renderer process for security purposes.

Describe the issue / bug.

Electron build stops working when nodeIntegration is set to false for the mainWindow (white screen)

How can I reproduce this problem?

$ vue init simulatedgreg/electron-vue my-project

Disable everything optional except axios Delete LandingPage/SystemInformation, remove from LandingPage.vue too Remove require('electron') line from LandingPage.vue Test that web build works ($ npm run build:web) Change mainWindow creation to this:

  mainWindow = new BrowserWindow({
    height: 563,
    width: 1000,
    webPreferences: {
      nodeIntegration: false
    }
  })
  mainWindow.openDevTools();

$ npm run build

Run the program, and you’ll get white screen with error

Uncaught ReferenceError: module is not defined

If you remove libraryTarget: 'commonjs2' line from webpack.renderer.js you get the error

Uncaught ReferenceError: axios is not defined

Now if you remove axios, everything will work, but I need axios.

[Sanjit1]

You could set nodeIntegration to true, like shown here

[cloverich]

I’ve run into this issue on other projects so just throwing a guess out since there’s no response. Webpack builds have a “target” (different from libraryTarget) that tell it how to bundle and what to polyfill. E.g. if the target is node (or electron-main), its in a node environment. If its in a browser (e.g. electron-renderer), things like require and module will not be defined. In this case, it sounds like:

• You remove nodeIntegration, so module and require are no longer avialable
• The webpack build is still targeting a node environment

If you change the webpack target to electron-renderer, it should fix that.