Elektron-Anwendung startet nicht

Question

Ich bin neu bei Electron und versuchte, eine einfache Anwendung zu erstellen. Ich möchte kein Elektron global installieren. Es sollte vielmehr nur in der Anwendung installiert werden. Wenn ich npm starte starte, passiert nichts. Nur ein Elektron. wird in der Befehlszeile angezeigt. Was mit meinem Code falsch ist, und überall, wo ich die Protokolle

Mein appstructure sehen: Musicplayer

• app-> index.html
• node_modules
• main.js
• Paket. json

Package.json ist:

{ 
 
    "name": "musicplayer", 
 
    "version": "1.0.0", 
 
    "description": "", 
 
    "main": "main.js", 
 
    "scripts": { 
 
    "start": "electron ." 
 
    }, 
 
    "author": "ABC", 
 
    "devDependencies": { 
 
    "electron": "^1.6.11" 
 
    } 
 

 
}

main.js ist:

const electron = require ('electron'); 
 
const app = electron.app; 
 
const BrowserWindow = electron.BrowserWindow; 
 
var mainWindow = null; 
 

 
function createWindow() 
 
{ 
 
    mainWindow = new BrowserWindow({width:612,height:384}); 
 
    mainWindow.loadURL(`file://${__dirName}/app/index.html`); 
 
} 
 

 
app.on('ready', createWindow)

Answer 1

Zunächst einmal möchte ich mit electron-forge empfehlen, wenn Sie neu electron-quick-start

Elektronen oder Check-out

Sie sollte url.format für loadURL verwenden.

Try this:

const electron = require('electron'); 
const path = require('path') 
const url = require('url') 
const app = electron.app; 
const BrowserWindow = electron.BrowserWindow; 

var mainWindow = null; 

function createWindow() { 
    mainWindow = new BrowserWindow({ width: 612, height: 384 }); 
    mainWindow.loadURL(url.format({ 
     pathname: path.join(__dirname, 'app', 'index.html'), 
     protocol: 'file:', 
     slashes: true 
    })) 
} 

app.on('ready', createWindow); 

ich das Setup kopiert in das funktioniert