Question

我是Electron的新手，所以请以我有限的知识忍受。我正在尝试从main.js模板菜单中的'save'选项保存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

同时require('electron').remote将远程代理返回到electron的命名空间。 require('electron').remote.dialog是对话框模块的代理。

Electron JS：无法读取未定义的属性'showSaveDialog'

1 个答案: