renderer preload

Describe the bug Preload not working, in both build and development mode.

Screenshots If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• OS and version: Ubuntu 18.04
• node version: 10.16.2
• vue-cli-plugin-electron-builder version : current
• electron version: 6.0.0
• other vue plugins used: typescript, vuetify, i18n
• custom config for vcp-electron-builder:

    electronBuilder: {
      mainProcessFile: 'src/electron/background.ts',
      chainWebpackMainProcess: (config) => {
        config.resolve.alias.set('@', path.join(__dirname, 'src'));
        config.resolve.alias.set('@core', path.join(__dirname, 'core'));
        config.module.rule('wasm').test(/\.wasm$/).use('file-loader').loader('file-loader');
        config.module.rule('node').test(/\.node$/).use('node-loader').loader('node-loader');
      },
      mainProcessTypeChecking: true,
      builderOptions: {},
    },

• (if possible) link to your repo: imposible

linked issue: https://github.com/nklayman/vue-cli-plugin-electron-builder/issues/89

[lahmidiamoumen]

update your vue.config.js as so:

module.exports = { pluginOptions: { electronBuilder: { preload: ‘src/preload.js’, // Or, for multiple preload files: preload: { preload: ‘src/preload.js’, otherPreload: ‘src/preload2.js’ } } } }

[joe0BAB]

Had the same issue. For me this was fixed by enabling the enableRemoteModule: true flag in the background.ts file, i.e., mainWindow = new BrowserWindow({ width: 800, height: 600, frame: false, webPreferences: { preload: path.join(__dirname, 'preload.js'), enableRemoteModule: true, nodeIntegration: true, } })

@nklayman Maybe this should be added to the documentation here.