'与Ember.js

Question

我目前正在尝试将wavesurfer.js实现到Ember.js组件中。到目前为止，我已将其导入我的ember-cli-build.js文件，如下所示：

app.import('bower_components/wavesurfer.js/dist/wavesurfer.min.js');

然后在组件的js文件中，我试图通过在辅助模板中包含的div上调用它来对它进行简单的测试。

import Ember from 'ember';

export default Ember.Component.extend({
    didRender() {
        var wavesurfer = WaveSurfer.create({
            container: '#waveform',
            waveColor: 'violet',
            progressColor: 'purple',
            barWidth: 3,
            cursorWidth: 3,
            normalize: true
        });
        wavesurfer.load('assets/sound4.mp3');
    }
});

现在，当页面加载时，它会显示wavesurfer.js滚动条，但没有其他内容。在控制台中，它显示为Cannot read property 'canvas' of undefined。

waveurfer.js的第2048行似乎有错误，但有以下错误：

entry.start = (entry.waveCtx.canvas.offsetLeft / totalWidth) || 0;


Uncaught TypeError: Cannot read property 'canvas' of undefined

任何帮助都会非常感激，因为我完全不知道应该做些什么。