Javascript 使用navigator.mediaDevices.getUserMedia时出现TypeError

我试图用

navigator.mediaDevices.getUserMedia

替换不推荐的

navigator.getUserMedia

，但在尝试时出现以下错误：

TypeError:无法设置未定义的属性“localStream”

这是我的HTML：

   <video ref="videoPlayer" hide.bind="screenSharing" id="videoPlayer" autoplay muted></video>

有人能想象出问题出在哪里？我正在使用Electron创建一个应用程序

我在互联网上看到了类似的问题，所以我打印了流：

Got mic+video stream 
MediaStream {id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW", active: true,     onaddtrack: null, onremovetrack: null, onactive: null…}
active: true
id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW"
onactive: null
onaddtrack: null
oninactive: null
onremovetrack: null
__proto__: MediaStream

---

我还尝试在文档准备就绪时添加EventListener，但仍然存在此问题；如果我对弃用的navigator.getUserMedia使用注释部分，则一切正常

您对旧的navigator.getUserMedia使用了箭头函数，但对navigator.mediaDevices.getUserMedia使用了经典函数。因为，

这个

不是你想象的那样，这些风格之间的行为是不同的。

这个

不是你想象的那样。我在我的课程开始时有这个，抱歉我忘了：

导出类应用程序{localStream:MediaStream=null；videoPlayer:HTMLVideoElement；

在调用

navigator.mediaDevices.getUserMedia

函数时，您确定您的

约束不是
未定义的
吗？@ymz如果我打印约束，我有以下内容：
对象音频：真视频：真的uuuuuuuuuu\uuuuuuuo:Object
，如果我更改f中的样式假装它有用；谢谢你，我不明白安德烈亚斯的意思。谢谢你澄清它
Got mic+video stream 
MediaStream {id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW", active: true,     onaddtrack: null, onremovetrack: null, onactive: null…}
active: true
id: "EIGkOQeyfsaRpweVgRG8eQiZfiuJ2HV3QZqW"
onactive: null
onaddtrack: null
oninactive: null
onremovetrack: null
__proto__: MediaStream