Question

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

我的应用结构： MusicPlayer

APP-＆GT;的index.html
node_modules
main.js
的package.json

Package.json是：

＆＃13;

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

＆＃13;

Main.js是：

＆＃13;

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)

＆＃13;

Answer 1

首先，如果您是电子新手或签出electron-forge

，我建议您使用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);

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

电子申请未启动

1 个答案: