node.js - Electron 应用程序未启动

Question

我是 Electron 新手，正在尝试创建一个简单的应用程序。我不想在全局范围内安装 Electron 。相反，希望它仅安装在应用程序中。当我运行 npm run start 时，没有任何反应。只是 Electron 。显示在命令行上。我的代码以及我可以看到日志的任何地方有什么问题

我的应用程序结构: 音乐播放器

• 应用程序->index.html
• Node 模块
• main.js
• package.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 新手或查看 electron-quick-start

您应该使用 url.format 作为 loadURL。

试试这个:

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

我在本作品中复制了您的设置