Web Audio API未在Firefox 59中加载

Question

我在ReactJS前端编写了一个代码来播放音频文件。它工作得比较早，但现在我遇到了一些错误，无法对其进行故障排除。我希望有人能提出一些建议。

我使用的是Firefox 59.以下是错误

这是我在Google Chrome 65.0中的控制台中出现的错误

以下是使用onClick事件播放音频文件的代码。

    // Container component for Audio component

import AudioComponent from './audio';
import React from 'react';

class AudioPlayer extends React.Component {

    constructor(props){
        super(props);
        this.TogglePlay = this.TogglePlay.bind(this);
        this.state = {
            playsong: false,
            audio_file: "./sampleaudio.mp3"//this.props.src
        }
    }

    audio = new Audio();

    TogglePlay(){

        this.setState((prevState, props)=>({
            "playsong": !prevState.playsong
        }));

        if (!this.state.playsong) {
            this.audio.play();
        }
        else{
            this.audio.pause();
        }

    }

    componentDidMount(){

        this.audio.src = this.state.audio_file;
        this.audio.crossOrigin="anonymous"

        console.log('I am here 123456');
        console.log(this.state.audio_file)


    }

    render (){

        const props = {
            onClick:this.TogglePlay
        };

        return (
        <div>
            <AudioComponent {...props} />
        </div>
        )

    }

}

export default AudioPlayer;