微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

WaveSurfer.create 不是函数

如何解决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 举报,一经查实,本站将立刻删除。