npm run electron 工作但不显示任何东西

Question

我正在关注此代码https://coursetro.com/posts/code/125/Angular-5-Electron-Tutorial，但它正在运行但没有显示任何内容。什么问题？

const { app, BrowserWindow } = require('electron')
const path = require('path')
const url = require('url')

let win

function createWindow() {
    win = new BrowserWindow({ width: 800, height: 600 })
    win.webContents.openDevTools();
    // load the dist folder from Angular
    win.loadURL(url.format({
        pathname: path.join(__dirname, 'dist/index.html'),
        protocol: 'file:',
        slashes: true
    }))

    // Open the DevTools optionally:
    // win.webContents.openDevTools()

    win.on('closed', () => {
        win = null
    })
}

app.on('ready', createWindow)


app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit()
    }
})

app.on('activate', () => {
    if (win === null) {
        createWindow()
    }
})

Answer 1

将以下代码粘贴到您的 createWindow 函数中

win.webContents.openDevTools();

这将打开开发者窗口，您将能够检查您的错误。