React howler - 无法加载核心功能

Question

我使用React-Howler在我的React应用中播放声音。在我的组件的顶部，我有以下进口：

import ReactHowler from 'react-howler'; 
import React, {Component} from 'react'; 

class SamplesInnerLrg extends Component { 

playSampleAction(sampleSource) { 

    var sound = new Howl({ 
     src: [sampleSource] 
    }) 

} 
render() { 
    <div> 
     <div onClick={this.playSampleAction("url to some source")}>Play</div> 
     <ReactHowler src={"url to some source"} playing={true} /> 
    </div> 

} 

当我呈现组件出我是扮演我的声音从组件，但是当我点击格说：“玩”它告诉我嚎叫没有定义的。我试着定义哈尔在两个方面：

var Howl = require('howler').Howl; 

或

import { Howl } from 'react-howler' 

但既不工作。不知道我在做什么错误导入哈尔！

Answer 1

确保您包括在浏览器中吼叫信脚本：

<script src="/path/to/howler.js"></script> 
<script> 
    var sound = new Howl({ 
     src: ['sound.webm', 'sound.mp3'] 
    }); 
</script>