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

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

确切的代码：

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”

从 Electron 6.0.0 开始，函数dialog.showMessageBox(), dialog.showOpenDialog() and dialog.showSaveDialog()返回 Promises 并不再采用回调函数。

有同步对应项dialog.showMessageBoxSync(), dialog.showOpenDialogSync() and 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 作为第一个元素。如果提供了该对话框，则该对话框将显示为模式窗口。

检查电子对话框文档获取详细的使用信息。