记录一次electron打包提示文件找不到的解决方法

没有配置files选项

files的作用是配置打包到应用程序的构建资源 就是说如果你想使用项目那个目录下的文件 就得通过files配置一下不然就会报错

json文件或者yml文件会报的错

格式是这样的

js 复制代码
"files": ["dist-electron", "dist"],

electron打包配置的几种方式

  1. 直接在package.json中配置
  2. 在项目根目录下创建electron-builder.yml文件配置
  3. 根目录下创建.jsonjson5toml文件配置
  4. 配置文档 http://electron.org.cn/builder//configuration/configuration.html

electron打包要注意的事项

  1. 文件路径不要包含中文
  2. electron-builder配置也不要包含中文

用过的项目配置

javascript 复制代码
{
  "productName": "项目名称",
  "appId": "appId",
  "directories": {
    "output": "release/v${version}" // 项目输出目录
  },
  "files": ["dist-electron", "dist"], // 要用到的构建资源
  "asar": true,
  "nsis": {
    "oneClick": false, // 是否创建一键式安装程序或辅助。
    "perMachine": true, // 是否显示辅助安装程序的安装模式安装程序页面(选择每台机器或每个用户)。或者安装是否总是针对所有用户(每台机器)。
    "shortcutName": "${productName}", // 将用于所有快捷键的名称。默认为应用程序名称
    "uninstallDisplayName": "${productName}", // 卸载程序在控制面板上的显示名称。
    "runAfterFinish": true, // 完成后是否运行安装的应用程序。对于辅助安装程序,相应的复选框将被删除。
    "deleteAppDataOnUninstall": true, // 只有一键式安装程序。卸载时是否删除应用数据。
    "allowToChangeInstallationDirectory": true, // 仅辅助安装。是否允许用户更改安装目录
    "removeDefaultUninstallWelcomePage": true,  // 仅辅助安装。是否删除默认的卸载欢迎页面
  },
  "win": {
    "icon": "dist/favicon.ico",
    "artifactName": "${productName} v${version}.${ext}",
    "requestedExecutionLevel": "requireAdministrator"
  },
  "dmg": {
    "sign": false
  },
  "mac": {
    "target": "dmg",
    "icon": "dist/osicon.png",
    "hardenedRuntime": true,
    "gatekeeperAssess": false
  },
  "linux": {
    "target": [
      "AppImage",
      "deb"
    ],
    "icon": "dist/winicon.png",
    "artifactName": "${productName} v${version}.${ext}",
    "desktop": {
      "Icon": "/opt/v3-electron-vite/resources/app/dist/winicon.png"
    }
  }
}
相关推荐
yinuo2 分钟前
uniapp换肤最佳实践
前端
XboxYan1 小时前
CSS 小技巧:如何将 img 转换成 background-image
前端·css
辉长六加12 小时前
nodejs和vue安装步骤记录
前端·javascript·vue.js·npm·node.js
coding随想2 小时前
掌控网页的灵魂!揭秘DOM事件中鼠标与滚轮的终极操控术
前端
Jerry3 小时前
Compose 基础知识测试
前端
changuncle3 小时前
Angular初学者入门第三课——工厂函数(精品)
前端·javascript·angular.js
ScottePerk3 小时前
前端安全之XSS和CSRF
前端·安全·xss
PineappleCoder3 小时前
Canvas 复杂交互步骤:从事件监听 to 重新绘制全流程
前端
日月晨曦3 小时前
JavaScript事件循环:一次浏览器线程的"约会"指南
javascript
s3xysteak3 小时前
我要成为vue高手01:上下文
前端·javascript·vue.js