如何在 Vue 组件中使用电子功能

Question

我正在使用 Vue CLI 插件 Electron Builder，每当我尝试在我的 Vue 组件中使用 electron ipcRenderer 时 import ipcRenderer from 'electron' 我收到这个错误 Module not found: Error: Can't resolve 'path' in '/Users/myname/IdeaProjects/project/node_modules/electron'

我该如何解决这个问题？

Answer 1

我最终通过将此添加到我的 vue.config.js

解决了这个问题

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

然后在我的浏览器中 window 我可以正常加载预加载器。

接下来在我的预加载中我添加了这个

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

现在我可以在渲染器中使用 window.ipcRenderer！

如何在 Vue 组件中使用电子功能

How to use the electron functions inside of a Vue component

vue.js

electron