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>