リアクションハウラー - コア機能を読み込めません

Question

私はReactアプリケーションでサウンドを再生するのにReact-Howlerを使用しています。

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> 

} 

私はコンポーネントをレンダリングするとき、私はそれがハウルがある私に語った「再生」と言ってdiv要素をクリックしたとき、それはコンポーネントから私にサウンドを再生しますが：私のコンポーネントの上部には、私は以下の輸入を持っています定義されていません。

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

または

import { Howl } from 'react-howler' 

どちらも仕事：私は2つの方法でハウルを定義しようとしました。ハウルをインポートするのが間違っているのかどうかわからない！

Answer 1

ブラウザでハウラースクリプトを含めていることを確認します

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