为什么命令“npm start”在我的 Electron 框架项目上不起作用？

Question

我使用 HTML、CSS 和 Javascript 制作了一个简单的笔记应用程序，现在我想将其变成桌面应用程序，我使用 Electron 框架来实现它，但由于某种原因我无法启动该应用程序用于测试目的。

我在代码编辑器终端上输入“npm start”来启动应用程序，但它输出以下日志：

> [email protected] start
> electron .

[17011:0428/235408.856171:ERROR:bus.cc(407)] Failed to connect to the bus: Failed to connect to socket /var/run/dbus/system_bus_socket: No such file or directory
[17011:0428/235408.946582:ERROR:ozone_platform_x11.cc(244)] Missing X server or $DISPLAY
[17011:0428/235408.946601:ERROR:env.cc(258)] The platform failed to initialize.  Exiting.
/workspaces/Notes-App/node_modules/electron/dist/electron exited with signal SIGSEGV

其他信息（如果有用）。 main.js 文件位于项目的根目录下，网站的 HTML、CSS 和 Javascript 位于根目录下名为“src”的文件夹中，如下图所示：

Main.js代码：

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

function createWindow() {
    const win = new BrowserWindow({
        width: 800,
        height: 600,
    });

    win.loadFile('src/index.html');
}

app.whenReady().then(createWindow);

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

script.js 代码（在浏览器上保存笔记应用文本的代码）：

var textarea = document.querySelector('textarea');

textarea.addEventListener("input", function () {
    var textWritten = textarea.value;
    localStorage.setItem("written", textWritten);
});

var written = localStorage.getItem("written");

if (written) {
    textarea.value = written;
}

Answer 1

更改此：

app.whenReady().then(createWindow);

至：

app.whenReady().then(() => {
  createWindow()
});