Uncaught (in promise) DOMException: Failed to load because no supported source was found

Questions
1

I have tried setting crossOrigin to ‘anonymous’ and clearing my browser’s cache and I am still getting this error, along with a 404 occasionally. Oddly, the only way I have gotten the audio to play is by setting up the functionality of the button within the script tag of the index.html file, but even then, once the models are loaded, it stops working for some reason I haven’t figured out. Here is what I have at the moment for this part within my main function, mostly based off what I saw in one of the examples listed in the documentation.

`const playButton = document.getElementById(“play”);
playButton.crossOrigin = ‘anonymous’;
playButton.addEventListener(‘click’, playAudio);
const soundFile = ‘05272021 Implicit Bias Cherry Pie Reference.mp3’;
const sound = new THREE.PositionalAudio(listener);

function playAudio (soundFile){
if( /(iPad|iPhone|iPod)/g.test(navigator.userAgent)){

const audioLoader = new THREE.AudioLoader();
audioLoader.load(soundFile, (buffer) => {
if(soundFile){
  sound.setBuffer(buffer);
  sound.play();
}
  });

} else {
  if(soundFile){
    const mediaElement = new Audio(soundFile);
    mediaElement.play();

    sound.setMediaElementSource(mediaElement);
  }

}
}`