我在Windows中编写了一个带有Electron的小应用程序,并且有一些功能可以检查注册表以获取有关已安装的某些软件的信息,我需要在另一台机器上运行该应用程序进行测试。所以,我正在尝试打包我的应用程序。
首先,需要注意的是,当我在项目的根目录中运行>electron .
时,它会毫无问题地运行。
我已尝试手动打包应用,方法是将我的应用放在resources\app
文件夹下并运行Electron.exe。它不起作用。电子应用程序在任务管理器中启动,然后快速退出。没有任何错误或警告。没有对话框或任何东西。
我已经安装了电子打包器模块,并尝试使用它来打包应用程序。但是,它什么也没做。没有控制台输出,只是在退出之前就坐了一会儿。当它退出时,没有打包的应用程序。什么也没有变。我尝试了电子制造商并得到了同样的结果。
我对节点很新,所以我怀疑我只是做错了什么。这是我的package.json(我仍然不完全理解其目的):
{
"name": "welcome",
"version": "0.1.0",
"description": "",
"main": "main.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "electron .",
"compile": "node .\\node_modules\\webpack\\bin\\webpack.js",
"prep": "robocopy . releases\\app /XD node_modules releases blah /S /MIR /XF *.jsx \"webpack.config.js\" && robocopy node_modules\\winreg releases\\app && robocopy node_modules\\path releases\\app",
"package": "asar pack .\\releases\\app .\\releases\\app.asar",
"build": "electron-packager releases\\app WelcomeApp --ignore=node_modules --platform=win32 --arch=x64 --output=releases"
},
"author": "",
"license": "ISC",
"babel": {},
"dependencies": {
"electron": "^1.3.4",
"path": "^0.12.7",
"react": "^15.3.0",
"react-dom": "^15.3.0",
"winreg": "^1.2.1"
},
"devDependencies": {
"babel-core": "^6.13.1",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.13.1",
"babel-preset-react": "^6.11.1",
"electron-builder": "^5.34.1",
"electron-packager": "^7.7.0",
"webpack": "^1.13.1"
}
}
我的目录结构如下
Welcome
|____app
| |____src
| | |____dist
| | | |____bundle.js
| | |____react
| | | |____components
| | | | |____installation.jsx
| | | | |____...
| | | | |____software.jsx
| | | |____index.jsx
| | |____util
| | |____data.js
| |____app.html
|____node_modules
| |____...
|____main.js
|____package.json
|____webpack.config.js
从我所看到的情况来看,我正在做的事情没有问题。就像我说的那样,当用电子cli(electron .
)运行时,它的效果非常好。所以,我不知所措。我只能假设package.json可能有问题。有问题吗?为什么在运行打包程序时我没有看到任何控制台输出?
答案 0 :(得分:3)
我将把我的应用程序的脚本留给你电子打包器的API,也许你可以用这个来构建你的。
'use strict';
var packager = require('electron-packager');
var options = {
'arch': 'ia32',
'platform': 'win32',
'dir': './',
'app-copyright': 'Paulo Galdo',
'app-version': '2.1.6',
'asar': true,
'icon': './app.ico',
'name': 'TierraDesktop',
'out': './releases',
'overwrite': true,
'prune': true,
'version': '1.3.4',
'version-string': {
'CompanyName': 'Paulo Galdo',
'FileDescription': 'Tierra de colores', /*This is what display windows on task manager, shortcut and process*/
'OriginalFilename': 'TierraDesktop',
'ProductName': 'Tierra de colores',
'InternalName': 'TierraDesktop'
}
};
packager(options, function done_callback(err, appPaths) {
console.log("Error: ", err);
console.log("appPaths: ", appPaths);
});
在这里,您可以看到可以在此脚本上使用的所有选项:link
答案 1 :(得分:-1)
您不需要electron-packager
,electron-builder
就足以作为一个完整的解决方案,请参阅https://github.com/electron-userland/electron-builder#quick-setup-guide