電子應用程序未啓動

Question

我是Electron的新手，試圖創建一個簡單的應用程序。我不想在全球安裝電子。而是希望僅在應用程序中安裝它。當我運行npm run start時，沒有任何反應。只是電子。顯示在命令行上。什麼是錯我的代碼和任何地方，我可以看到日誌

我appstructure： MusicPlayer

• APP-> index.html的
• node_modules
• main.js
• 包。 json

Package.json是：

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

 
}

Main.js是：

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

首先，我會建議使用electron-forge如果你是新的電子或檢查出electron-quick-start

你對於loadURL應該使用url.format。

試試這個：

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); 

我複製你的設置在這部作品中