Javascript 反应：类型错误：无法读取属性'；增补列表器'；空的

我正在尝试创建一个使用第三方音频播放器（）的组件。但是，我在react开发服务器上不断遇到此错误：TypeError:无法读取null的属性“addEventListener”。我已经确保有适当的依赖关系和路径的mp3文件是正确的，所以我不知道是怎么回事。当播放列表对象在组件外部创建时，它似乎在其他情况下工作，但如果是这种情况，我无法让它正确缩放。如果您能提供任何帮助，我将不胜感激。我很乐意提供您需要的任何其他信息

谢谢,

约翰

import React，{Component}来自'React'；
从“react audioplayer”导入音频；
导入“/Cover.css”；
类覆盖扩展组件{
建造师（道具）{
超级（道具）；
this.constructPlaylist=this.constructPlaylist.bind（this）；
}
播放列表（）{
const eposodename=this.props.eposodenumber；
常量播放列表=[{
名称：书名，
src:'../../scents/'+this.props.epiodenumber+'/'+this.props.epiodenumber+'.mp3'，
}];
返回播放列表；
}
render（）{
返回(
);
}
}
出口违约险；

正如医生所说

播放列表：歌曲信息对象的数组

向播放列表传递数组而不是函数可能会修复此错误

<Audio playlist={this.constructPlaylist()} />

---

如果绑定constructPlaylist，它会改变什么吗？
constructPlaylist（）{
应该是
constructPlaylist=（）=>{
绑定
这个
@SamVK我根据你的建议编辑了代码，它似乎仍然不起作用。如果你的调试版本没有缩小到一行，你可能会得到更好的堆栈跟踪。@tehhowch我怎么能做到这一点？我编辑代码是为了反映这一点，它似乎仍然不起作用。如果我有，我也能让它起作用组件外部的播放列表已硬编码。但这种情况不符合首先使用组件的目的。请尝试：1.添加
console.log（播放列表）；
before
返回播放列表；
检查其值；2.打开浏览器devtools
网络
面板检查mp3文件请求是否正常。
<Audio playlist={this.constructPlaylist()} />