小编tom*_*ato的帖子

我在使用Wavesurfer的web项目上遇到了障碍.我在我的项目中安装了wavesurfer.js和react-wavesurfer作为节点模块.Wavesurfer.js似乎工作正常,但反应波浪似乎遇到了我发现难以调试的问题.以下代码:

import React from "react";
import WaveSurfer from "wavesurfer.js"
import ReactWavesurfer from "react-wavesurfer";

class Waveform extends React.Component {
  makeWave() {
    var wavesurfer = WaveSurfer.create({
      container: '#waveform',
      waveColor: 'red',
      progressColor: 'purple'
    });
    wavesurfer.load('path/to/mp3');
  };


  render() {
    this.makeWave();
    return (
      <div>
        <ReactWavesurfer
          audioFile={'path/to/mp3'}
        />
      </div>
    );
  }
}

export default Waveform;

仅生成调用this.makeWave()的第一个波形.尝试创建React波形时返回错误:Uncaught TypeError: this._wavesurfer.init is not a function.我使用browserify来捆绑我的javascript依赖项.

任何帮助将非常感激!