Reactjs 创建一个电子Youtube播放器

我正在尝试使用react Youtube软件包创建一个基于Electron的Youtube播放器

做了需要做的事情，但要继续：

GET chrome-extension://pkedcjkdefgpdelpbcmbmeomcjbeemfm/cast_sender.js net::ERR_FAILED

我已经为此创建了一个组件，它从父组件获取src、宽度、高度等

我还看到了一些关于

webPreferences

的内容，因此我为

browser窗口添加了
webview
标记

我不想换一个，但那个lib很棒

有人知道问题出在哪里吗

我的组件（类型脚本）：


import*as React from“React”；
从“@material ui/core/styles”导入{createStyles，makeStyles}”；
从“react YouTube”导入YouTube，{Options}；
导出常量YouTubeMediaLayer=({
宽度，
高度，
src，
自动播放，
从开始的秒数，
onPlayerError，
}: {
宽度：字符串；
高度：弦；
src：字符串；
自动播放：0 | 1 |未定义；
NumberOfsSecondsToStartFrom？：数字；
onplayerror:（errorMsg:string）=>void；
})：null | JSX.Element=>{
const classes=useStyles（）；
const[error，setError]=React.useState（false）；
const[videoSource，setVideoSource]=React.useState（“”）；
React.useffect（（）=>{
const srcVidId=src.match（/（？：https？：\/{2}）（？：w{3}\）？youtu（？：be）？\。（？：com | be）（？：\/watch\？v=|\/）（[^\s&]+）/；
如果（！srcVidId）{
OnPlayeError（“来自youtube的无效源”）；
设置错误（真）；
}否则{
设置错误（假）；
setVideoSource（srcVidId[1]）；
}
}，[OnPlayeError，src]）；
常量选项：选项={
高度:高度,，
宽度：宽度，
playerVars：{
自动播放：自动播放，
},
};
const onReady=（事件：任意）=>{
const player=event.target；
console.log（src）；
player.seekTo（从0开始的秒数）；
};
返回(
{！错误&&(
onReady（e）}
>
)}
);
};
const useStyles=makeStyles（（）=>
创建样式({
YoutubeMediaPlayerRoot：{
宽度：“100%”，
高度：“100%”，
},
})
);