在 Vue 中播放声音 onClick 事件返回 Uncaught (in promise) DOMException: Failed to load because no supported source was found

Question

I am trying to play an mp3 sound when I click on an image, but currently I get this error : Uncaught (in promise) DOMException: Failed to load because no supported source was found

Why isn't my audio playing and how can I make it play?

my function:

 playSound() {
  const sound = new Audio("/src/assets/sounds/openbeersound.wav");
  sound.play();
    }

  <img
    style="width: 100%;"
    :src="beer.image_url"
    alt="placeholder"
    @click="playSound()"
   />

Answer 1

Make sure the audio is loaded correctly. How to bind img src to data in Vue (images or audio are the same)

If you want to learn more about it.