阅读模式:

electron-vue配置问题

阅读量:15  一键切换:繁體   HtmlCss  发布时间:来源:知识库  
内容摘要:1.跨域问题找到src/main/index.js文件,或全局搜索BrowserWindow,添加代码取消跨域mainWindow = new BrowserWindow({ height: 563, useContentSiz......

electron-vue配置问题

1.跨域问题

找到src/main/index.js文件,或全局搜索BrowserWindow,添加代码取消跨域

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      webSecurity: false // 跨域
    }
  })

2.渲染进程出错,出现 ReferenceError: require xxx not defined

同样找到src/main/index.js文件,或全局搜索BrowserWindow,添加代码

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      webSecurity: false, // 取消跨域
      nodeIntegration: true, // v5版本开始需要加多这一行
      contextIsolation: false, // v12版本需要加多这一行
      enableRemoteModule:true //v9版本 打开remote模块
    }
  })

3.使用原生模块出错,出现 but app.allowRendererProcessReuse is true的报错字段

同样找到src/main/index.js文件,添加代码

//v9版本开始,官方推荐在 渲染进程中不使用原生nodejs 模块
app.allowRendererProcessReuse = false;

4. NODE_MODULE 版本不匹配

npm install --save-dev electron-rebuild

./node_modules/.bin/electron-rebuild

5.设置打包资源路径

打包后的资源文件夹会复制到文件的resources中

// package.json
{
    ...
    "build": {
      ...
      "extraResources": [
        {
          "from": "static/", 
          "to": "static/"
        }
        // 可以移动多个文件夹,from-to
      ],
      ...
    },
    ...
}
分享到:
相关阅读:
首页桂ICP备2022000863号分类地图学习工具教育专题当前时间:本站内容只用于学习和交流,如有牵扯版权问题请联系站长邮箱: