如何在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');
  }