Can't locate Mac/Memory.pm in @INC报错与electron-vue打包操作

  1. electron–builder 打包详细过程

electron-vue在利用npm run build后报错,最终采用了electron-builder来打包
在这里插入图片描述在这里插入图片描述
以上是报错内容
需要在打包前,先进行pack编译

npm run pack

在执行打包操作指令
这里分为打包为dmg mac电脑安装和windows
这里没安装的话 需要先安装 yarn add electron-builder --dev

electron-builder -m  //mac
electron-builder -w  //windows

详细配置可参考官网
https://www.electron.build/
https://electron.org.cn/builder/index.html

"scripts": {
    "build": "node .electron-vue/build.js && electron-builder",
    "build:dir": "node .electron-vue/build.js && electron-builder --dir",
    "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
    "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
    "dev": "node .electron-vue/dev-runner.js",
    "pack": "npm run pack:main && npm run pack:renderer",
    "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
    "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
    "postinstall": ""
  },

打包成功后
在这里插入图片描述
会在导出文件夹内生成对应文件,这里的导出路径可以修改,当前为build
package.json配置文件如下

  "build": {
    "productName": "electron-vue-test",
    "appId": "com.example.yourapp",
    "directories": {
      "output": "build"
    },
    "files": [
      "dist/electron/**/*"
    ],
    "dmg": {
      "contents": [
        {
          "x": 410,
          "y": 150,
          "type": "link",
          "path": "/Applications"
        },
        {
          "x": 130,
          "y": 150,
          "type": "file"
        }
      ]
    },
    "mac": {
      "icon": "build/icons/icon.icns"
    },
    "win": {
      "icon": "build/icons/icon.ico"
    },
    "linux": {
      "icon": "build/icons"
    }
  },

build文件夹生成文件如下:
在这里插入图片描述

  1. 其他报错提示与解决方法
    AttributeError: ‘NoneType’ object has no attribute ‘groups’
    gyp ERR! configure error
    gyp ERR! stack Error: gyp failed with exit code: 1
    在这里插入图片描述
    解决方法:npm install pack
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骑上我心爱的小摩托

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值