Electron安装问题

寒墨茗殇

已于 2022-07-05 14:55:08 修改

阅读量666

点赞数 3

分类专栏： electron element 文章标签： electron

于 2022-07-05 14:41:12 首次发布

本文链接：https://blog.csdn.net/qq_40591925/article/details/125619330

版权

element 同时被 2 个专栏收录

9 篇文章 1 订阅

订阅专栏

electron

2 篇文章 0 订阅

订阅专栏

项目输入： npm config edit

在registry 下面添加，并替换了 registry

registry=https://registry.npm.taobao.org/
disturl=https://npm.taobao.org/mirrors/node
electron_mirror=https://cdn.npm.taobao.org/dist/electron/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

安装electron失败 postinstall: `node install.js`

npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

Electron预加载：

新建preload.js 在src下面

preload.js:

var electron_re=require('electron')
window.electron=electron_re

main.js:

const {
  BrowserWindow,
} =  require('electron')
new BrowserWindow({
    width: 1100,
    height: 720,
    minWidth: 1100,
    minHeight: 720,
    webPreferences: {
      nodeIntegration: true,
      preload: path.join(__dirname, '/preload.js'),
      nativeWindowOpen: true,
      contextIsolation: false,//需要false
      webSecurity: false
    },
    icon: `${__static}/icon/favicon.ico`
 })
win.loadURL('app://./index.html')

vue.config.js:

module.exports = {
    pluginOptions:{
        electronBuilder:{
             preload:'src/preload.js',
             target: "electron-renderer"
        }
    }
}