使用Electron桌面应用程序在单个窗口中呈现多个网页

我正在尝试创建一个电子应用程序，在一个桌面窗口中呈现多个网页，允许您同时查看google.com、amazon.com、reddit.com、stackoverflow.com（见附图）。对于Electron应用程序，使用此功能的好方法是什么？我想我可以使用软件包中的

BrowserView

将这些网页的视图嵌入到我的主

App

组件中，因此我创建了这个

ViewCard

：

从“React”导入React；
从“电子浏览器视图”导入BrowserView；
常量视图卡=（{src}:{src:string}）=>{
返回(
{
console.log（'BrowserView attached'）；
}}
onUpdate目标URL={（）=>{
log（“更新的目标URL”）；
}}
//为容器元素提供样式
风格={{
身高：200，
}}
>
);
};
导出默认视图卡；

从“React”导入React；
导入“/App.global.css”；
从“./componets/ViewCard”导入视图卡；
导出默认函数App（）{
返回(
);
}

运行我的应用程序时出现错误：

Uncaught TypeError: Cannot read property 'getCurrentWindow' of undefined

我是电子新手，所以我可能误解了

Browserview

的工作原理。附加上下文：我使用

electron-react样板文件启动了我的应用程序，所以我使用了他们的脚本