'How to use the electron functions inside of a Vue component

I am using the Vue CLI Plugin Electron Builder and whenever I try to include electron ipcRenderer inside of my Vue component using import ipcRenderer from 'electron' I get this error Module not found: Error: Can't resolve 'path' in '/Users/myname/IdeaProjects/project/node_modules/electron'

How would i fix this?

vue.jselectron


Solution 1:[1]

I eventually solved this by adding this to my vue.config.js

electronBuilder: {
      preload: 'src/preload.js'
}

Then in my browser window I could load a preloader like normal.

Next in my preload i added this

import { ipcRenderer } from 'electron'
window.ipcRenderer = ipcRenderer

Now I can use window.ipcRenderer in the renderer!

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Swiftzerr

Related Questions