【Vue】new Audioで「DOMException」エラーが出た時の対処法

同じようなエラーで色々な対処法が出ていますが、僕の場合は今回の方法で適切な動作をするようになりました。

前提

new Audioで作成した音声ファイルを使用したときにDOMException: Failed to load because no supported source was foundというエラーが発生した場合の対処法

結論

ファイルをnew Audioで参照するのではなく、importしておく。

// bad👎
const audio = new Audio('./assets/sound.mp3')

//good👍
import sound from './assets/sound.mp3'

const audio = new Audio(sound)