WaveSurfer.create 不是函数

Question

我正在尝试将 WaveSurfer.js 添加到 Next.js 应用程序。

我像这样next/dynamic导入了包

const WaveSurfer = dynamic(() => import('wavesurfer.js'), {ssr: false})

现在，当我尝试通过 WaveSufer.create() 创建新播放器时，我得到的信息是 WaveSurfer.create 不是函数 .

有人可以帮助我吗？

Answer 1

而不是动态导入 wavesurfer.js 我应该导入一个使用 wavesurfer.js 的组件。

const DynamicComponent = dynamic(
    () => import('../Waveform/Waveform'),
    {ssr: false}
)

然后将其用作常规组件f.ex。

<StyledContainer>
   <DynamicComponent/>
</StyledContainer>

WaveSurfer.create is not a function