Obteniendo problemas al crear la aplicación de lanzamiento automático de electronjs

npm init npm install electron-prebuilt --save-dev Create index.js npm install electron-packager --save-dev npm run build OR electron-packager . --all 

Usé estos pasos para crear una aplicación de electronjs en el pasado y coloqué su file ejecutable en la carpeta de inicio para ejecutarlo al inicio del sistema. Pero, después de la actualización de Windows, surgen algunos problemas cuando ejecuto la aplicación en tabmode. Entonces, planeé crear una nueva aplicación, pero estos commands no funcionan a la perfección. Estoy teniendo problemas con eso.

Entonces, lo que quiero exactamente tratar de hacer es crear una auto-launch electron app . ¿Alguien puede proporcionarme los pasos correctos ya que recibo errores con los pasos que proporcioné?

Gracias de antemano.

Pasos para crear la aplicación de electrones

Comandos:

 npm install electron-prebuilt -g 

Un proyecto de Electron requiere tres files:

  • index.html: la página web representada por defecto.
  • main.js: Inicia la aplicación y crea una window del browser para renderizar HTML.
  • package.json: enumera las dependencies de la aplicación, metadatos y files necesarios.

package.json y agrega lo siguiente:

 { "name": "hero-browser", "version": "0.1.0", "main": "main.js", "dependencies": { "dotenv": "^2.0.0", "md5": "^2.1.0" } } 'use strict'; const electron = require('electron'); const app = electron.app; // Module to control application life. const BrowserWindow = electron.BrowserWindow; // Module to create native browser window. var mainWindow = null; app.on('window-all-closed', function() { if (process.platform != 'darwin') { app.quit(); } }); app.on('ready', function() { mainWindow = new BrowserWindow({width: 800, height: 600}); mainWindow.loadURL('file://' + __dirname + '/app/index.html'); mainWindow.on('closed', function() { mainWindow = null; }); }); 

app / index.html

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Marvel Super Hero Browser</title> <link href="css/index.css" rel="stylesheet" type="text/css"/> </head> <body> <h1>Marvel Super Hero Browser</h1> <em>Thanks to Marvel for their API.</em> <div id="character_list"></div> <script src="js/index.js"></script> </body> </html> 

pp / css / index.css y agregue algunos css básicos para ayudar en el layout.

 #character_list .character img { width: 100px; } .character { float: left; padding: 25px; max-width: 100px; } 

app / js / index.js.

Aquí será donde se lleve a cabo la mayor parte de la funcionalidad de la aplicación. Comience por configurar las dependencies y las variables necesarias:

 'use strict'; require('dotenv').config(); var md5 = require('md5'); var publicKey = process.env.MARVEL_PUBLIC_KEY; var privateKey = process.env.MARVEL_PRIVATE_KEY; var ts = String(new Date().getTime()); var hash = md5(ts+privateKey+publicKey); var url = `https://gateway.marvel.com/v1/public/characters?ts=${ts}&apikey=${publicKey}&hash=${hash}&limit=25`;