Electron JS：無法讀取未定義的屬性'showSaveDialog'

Question

我是Electron的新手，所以請以我有限的知識承受。 我正在嘗試從main.js的模板菜單中的“保存”選項保存HTML文件。

應用程序加載正常，但是當我進入菜單並單擊“保存”或“打開”時，將顯示錯誤。 1我已經嘗試了許多不同的方法，但是無法擺脫上述錯誤。

這是我的代碼：

const {BrowserWindow, app, Menu, remote} = require('electron')
const fs = require('fs')
const url = require('url')
const path = require('path')
var dialog = require('electron').remote

app.on('ready', () => {
let mainWindow = new BrowserWindow({})

mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file',
    slashes: true
    }));

mainWindow.webContents.on('will-navigate', (e, url) => {
    e.preventDefault()

    mainWindow.webContents.send('open-file', url.slice(7))
})
const mainMenu = Menu.buildFromTemplate(mainMenuTemplate);
Menu.setApplicationMenu(mainMenu);
}); 

//menu template 
const mainMenuTemplate = [
    {
        label: 'File',
        submenu: [
            {label: 'New File',
                accelerator: process.platform == 'darwin' ? 'Command+N' : 'Ctrl+N',
                click(){
                    //create new file
                }
            },
            {label: 'Open File',
                accelerator: process.platform == 'darwin' ? 'Command+O' : 'Ctrl+O',
                click(){
                    dialog.showOpenDialog();
                }
            },
            {label: 'Save',
                accelerator: process.platform == 'darwin' ? 'Command+S' : 'Ctrl+S',
                click(){
                    dialog.showSaveDialog((fileName) => {
                        if(fileName === undefined) {
                            alert("File not saved");
                            return;
                        }
                        var content = docment.getElementById('#container').value;
fs.writeFile(fileName, content, (err) => {
                            if (err) console.log(err);
                            alert("Save Succesful!")
                        });
                    });
                }
            },
            {label: 'Save As...',
                accelerator: process.platform == 'darwin' ? 'Command+Sft+S' : 'Ctrl+Sft+S',
                click(){
                    //create new file
                }
            },
            {role: 'quit',
            accelerator: process.platform == 'darwin' ? 'Command+F4' : 'Ctrl+F4' //Shortcuts 
            }
        ]
    }
];

app.on('window-al

Answer 1

您正在通過var dialog = require('electron').remote導入var dialog = require('electron').remote

而require('electron').remote將遠程代理返回給electron命名空間。 require('electron').remote.dialog是對話框模塊的代理。