如何在 nuxt.js 中导入 wavesurfer？

Question

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

但我不知道如何导入和使用它？ 我的应用程序处于通用（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');
  }