如何在nuxt.js中导入waveurfer？

Question

我想使用wawesurfer插件在nuxt.js框架中进行音频可视化。

但是我不知道如何导入和使用它？ 我的应用程序处于通用（ssr）模式。

如果我这样导入它：

import WaveSurfer from 'wavesurfer.js';

它给了我windows is not defined

的错误

如果我在插件目录中创建一个插件并将其导入并将其添加到“插件”部分的nuxt.config.js中，它将无法正常工作，并且会显示以下错误消息： wawesurfer is not defined

我该怎么办？

Answer 1

  if (process.browser) {
    var WaveSurfer = require('wavesurfer.js');
  }