如何解决WaveSurfer.create 不是函数
我正在尝试将 WaveSurfer.js 添加到 Next.js 应用中。
我像这样通过 next/dynamic 导入包
const WaveSurfer = dynamic(() => import('wavesurfer.js'),{ssr: false})
现在当我尝试通过 WaveSufer.create() 创建新播放器时,我收到 WaveSurfer.create 不是函数的信息。
有人可以帮助我吗?
解决方法
我应该导入一个使用 wavesurfer.js 的组件,而不是动态导入 wavesurfer.js。
const DynamicComponent = dynamic(
() => import('../Waveform/Waveform'),{ssr: false}
)
然后将其用作常规组件 f.ex.
<StyledContainer>
<DynamicComponent/>
</StyledContainer>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。