javascript - 如何在 nuxt.js 中导入 wavesurfer？

Question

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

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

如果我这样导入它:

import WaveSurfer from 'wavesurfer.js';

它给我的错误是 windows is not defined

如果我在插件目录中创建一个插件并将其导入并将其添加到插件部分的 nuxt.config.js 中，它不起作用并且会给我以下错误消息: wawesurfer 未定义

我该怎么办？

Answer 1

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