记录一次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"
    }
  }
}
相关推荐
也无晴也无风雨28 分钟前
深入剖析输入URL按下回车,浏览器做了什么
前端·后端·计算机网络
Martin -Tang1 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational3 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄4 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
阮少年、4 小时前
java后台生成模拟聊天截图并返回给前端
java·开发语言·前端
郝晨妤5 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
AvatarGiser6 小时前
《ElementPlus 与 ElementUI 差异集合》Icon 图标 More 差异说明
前端·vue.js·elementui
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui6 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui