[JavaScript知识库]electron ＞=14.0版本 创建子窗口，新版本创建子窗体

看效果
其实在 14.0 版本还是发生了比较大的改动
需要你下载。@electron/remote

npm i @electron/remote --save

然后在主线程
require(’@electron/remote/main’).initialize()
// 开启。这个必须得有。否则也创建不了
require("@electron/remote/main").enable(webContents)

mainWindow = new BrowserWindow({
    with: 300,
    height: 600,
    webPreferences: { nodeIntegration: true, contextIsolation: false, enableRemoteModule:true },
  });
  require('@electron/remote/main').initialize()
require("@electron/remote/main").enable(mainWindow.webContents)
  mainWindow.loadFile("index.html");
  mainWindow.on("closed", () => {
    mainWindow = null;
  });

然后在文件中

const {BrowserWindow} = require('@electron/remote')
bin2.onclick=()=>{
    newWin= new BrowserWindow({
        width:400,height:400
    })
   newWin.loadFile('yellow.html')
   newWin.on('closed',()=>{
    newWin=null
   })
}

就可以实现效果了。

前端 还是更新换代比较快的。还是要持续学习的
关注我 持续更新 前端知识。