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>