Electron应用程序无法启动

Question

Electron应用程序无法启动

3

我是一名新手Electron开发者，正在尝试创建一个简单的应用程序。我不想全局安装Electron。相反，我只希望在应用程序中进行安装。当我运行npm run start时，什么都没有发生。命令行上仅显示eletron。我的代码哪里出了问题，以及我可以在哪里查看日志？

我的应用结构：音乐播放器

app-> index.html
node_modules
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)

- S.K

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ocboogie · Answer 1

首先，如果你是新手或者想要了解electron-forge，我建议你使用它。

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

我在这个项目中复制了你的设置