IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 基于Typescript开发Electron的打包发布 -> 正文阅读

[JavaScript知识库]基于Typescript开发Electron的打包发布

Electron打包报错:The main entry point to your app was not found. Make sure "index.js" exists and does not get ignored by your ignore option

的解决方案!

最近开始从零接触Electron,为了做跨平台的GUI,学习后从https://github.com/electron/electron-quick-start-typescript下载一个入门库,也很简单的实现了npm start,但文档缺没说明如何打包,由于electron官方是js,没有过多的ts介绍,所以在打包上废了很多劲,可以看一下package.json:

{
  "name": "electron-quick-start-typescript",
  "version": "1.0.0",
  "description": "A minimal Electron application written with Typescript",
  "main": "dist/main.js",
  "scripts": {
    "build": "tsc",
    "watch": "tsc -w",
    "lint": "eslint -c .eslintrc --ext .ts ./src",
    "start": "npm run build && electron ./dist/main.js",
    "pack": "electron-packager ./ myapp --platform=win32 x64"
  },
  "repository": "https://github.com/electron/electron-quick-start-typescript",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo",
    "typescript"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^4.33.0",
    "@typescript-eslint/parser": "^4.33.0",
    "electron": "^17.1.2",
    "electron-packager": "^15.4.0",
    "eslint": "^7.32.0",
    "typescript": "^4.5.5"
  }
}

第11行的pack是我自己加的,写在这里方便在控制台用npm pack进行简化的调用,避免每次都敲那么多:

"pack": "electron-packager ./ myapp --platform=win32 x64"

但是会提示:“The main entry point to your app was not found. Make sure "index.js" exists and does not get ignored by your ignore option”这种鬼问题,各种搜索也没搜到,然后我开始蒙了……是的,我开始“瞎蒙了”,然后蒙对了:

1. 解决方案

就是加入了第5行的:

 "main": "dist/main.js",

我是怎么蒙对的呢?报错提示找不到entry就是入口,但是后面神马“index.js”是个啥鬼,明明应该是找main才对,然后我的main.ts会编译成main.js,所以我猜那应该是想找main.js,所以卸载了第5行,之后在控制台切到工程根目录下,输入npm pack,打包就生效了,exe就打包成功了!

所以,提问:为什么github那个仓库没有这句配置呢?编译已经把js放到dist/main.js了,但打包却不指向,还要我自己猜着写一行配置,真坑。

希望可以帮助到正在死磕这个打包报错问题的朋友们!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-21 20:40:43  更:2022-03-21 20:41:38 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:35:26-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码