我的电子应用程序显示屏幕截图而不是html

Question

main.js页面

const electron = require('electron');
const url = require('url');
const path = require('path');

const{app,BrowserWindow,Menu}=electron;

let mainWindow;
app.on('ready',function(){
mainWindow = new BrowserWindow({});
mainWindow.loadURL(url.format({
    pathname:path.join(__dirname,'index.html'),
    protocol:'file',
    slashes:true
}));

const mainMenu = Menu.buildFromTemplate(mainMenuTemplate);
Menu.setApplicationMenu(mainMenu)
});

const mainMenuTemplate=[
{
    label:'file'
}
];

pakage.json

{
    "name": "your-app",
    "version": "0.1.0",
    "main": "main.js",
    "scripts": {
        "start": "electron ."
    }
}

<p>hello</p>

这是我的第一个电子应用程序，它不显示html页面，它显示了我的屏幕截图，我无法弄清楚是什么问题