解决vue中引入electron模块时的报错

2021-08-31阅读(128)评论(0)牵着狗狗看MM

苏州实时公交查询

background.ts中的webPreferences配置如下

const win = new BrowserWindow({
        width: 920,
        height: 640,
        webPreferences: {
            // Use pluginOptions.nodeIntegration, leave this alone
            // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
            // nodeIntegration: (process.env
            //     .ELECTRON_NODE_INTEGRATION as unknown) as boolean,
            nodeIntegration: true,
            contextIsolation: false,
        },
    })

同时在vue.config.js中配置如下

pluginOptions: {
       electronBuilder: {
           nodeIntegration: true,
       },
   },

这样就可以在vue文件中直接引用electron模块了

import { ipcRenderer } from 'electron'

 

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 解决vue中引入electron模块时的报错
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏