修复电子模块远程和 dialog.showOpenDialog

如何解决修复电子模块远程和 dialog.showOpenDialog

这是我的代码

const parse = require('csv-parse');
var $ = global.jQuery = require('jquery');
const electron = require('electron');
const { dialog } = require('electron');  
const fs = require('fs');      
const path = require("path");

function myImage() {
    dialog.showOpenDialog({properties: ['openFile']}).then(result => {
        if (result.canceled) {
            console.log("No file selected!")
        } else {
            const filePath = result.filePaths[0];
            const fileName = path.basename(filePath);
            imgFolderPath = path.join(app.getPath('userData'),fileName);
            fs.copyFile(filePath,imgFolderPath,(err) => {
                if (err) throw err;
                console.log(fileName + ' uploaded.');
            });
        }
    });

}

$("#uploadMyImg").on("click",() => {
    myImage()
});

这是我点击uploadMyImg按钮

时的控制台

Uncaught TypeError: Cannot read property 'showOpenDialog' of undefined

电子改变了什么还是我做错了什么

这是来自 main.js (electron) 的代码

我应该使用其他模块吗

const {app,browserWindow,ipcMain} = require('electron')

let mainWindow 
function createMainWindow() {
    mainWindow = new browserWindow ({
        autoHideMenuBar: true,resizable: false,width: 1920,height: 1080,webPreferences: {
            nodeIntegration: true,contextIsolation: false,enableRemoteModule: true
        }
    })

    mainWindow.loadFile('./newClient.html')

}

app.on('ready',() => {
    createMainWindow()

    mainWindow.on('ready',() => mainWindow = null)

})

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

电子改变了什么？？？

解决方法

您不能像这样通过 dialog 直接从电子导入 remote；

const { remote } = require('electron');
let dialog = remote.dialog