电子：初始化前无法访问对话框

Question

我有一个渲染器文件，其唯一目的是打开一个对话框以从中选择文件。我已经尝试重写了很多次，每次都得到不同的错误。我做错了什么？

具体代码：

const { ipcRenderer, shell, remote } = require('electron')
const dialog = remote.dialog;

function openFileBrowser() {

    dialog.showOpenDialog(remote.getCurrentWindow(), {
        properties: ["openFile", "multiSelections"]
    }).then(result => {
        if (result.canceled === false) {
            console.log("Selected file paths:")
            console.log(result.filePaths)
        }
    }).catch(err => {
        console.log(err)
    })
}

相关 HTML：

        <div id="button-container">
            <nav>
                <ul class="buttons">
                    <li id="Open" onclick="openFileBrowser()">Proxies</li>
                </ul>
            </nav>
        </div>

错误代码

renderer.js:37 Uncaught ReferenceError: Cannot access 'dialog' before initialization
    at openFileBrowser (renderer.js:37)
    at HTMLLIElement.onclick (proxies.html:16)

使用电子： “7.1.7”

Answer 1

从 Electron 6.0.0 开始，dialog.showMessageBox()、dialog.showOpenDialog() 和 dialog.showSaveDialog() 函数返回 Promises，不再接受回调函数。

有同步对应dialog.showMessageBoxSync()、dialog.showOpenDialogSync()和dialog.showSaveDialogSync()。

查看以下显示打开对话框的异步和同步方式的代码示例：

异步：dialog.showOpenDialog()

const remote = require("electron").remote
const dialog = remote.dialog

dialog.showOpenDialog(remote.getCurrentWindow(), {
    properties: ["openFile", "multiSelections"]
}).then(result => {
    if (result.canceled === false) {
        console.log("Selected file paths:")
        console.log(result.filePaths)
    }
}).catch(err => {
    console.log(err)
})

同步：dialog.showOpenDialogSync()

const remote = require("electron").remote
const dialog = remote.dialog

let result = dialog.showOpenDialogSync(remote.getCurrentWindow(), {
    properties: ["openFile", "multiSelections"]
})
if (typeof result === "object") {
    console.log("Selected file paths:")
    console.log(result)
}

两个版本都可以选择将 BrowserWindow 作为第一个元素。如果提供，则对话框显示为模式窗口。

查看Electron dialog documentation 了解详细使用信息。