Howler.js: sound doesn't load - vue.js

Question

Following basic example in the docs, yet sound doesn't play. I see the mp3 file in Network tab but it's 90KB instead of 5MB so I suppose it doesn't load properly.
I tried different paths: src: ['#/assets/audios/test.mp3'], `src: ['../assets/audios/test.mp3']. Nothing works. No console error. Why is it not working?
<template>
<div class="container">
<button #click="play">
PLAY
</button>
</div>
</template>
<script>
import { Howl, Howler } from 'howler'
export default {
data () {
return {
sound: ''
}
},
mounted () {
this.sound = new Howl({
src: ['test.mp3']
})
},
methods: {
play () {
this.sound.play()
}
}
}
</script>

Answer 1

It sounds like you're trying to load an asset URL for src.
The asset URL needs to be required so that Webpack resolves the actual URL to the file.
Errors are silently ignored, but you can set onloaderror to handle them.
export default {
mounted () {
this.sound = new Howl({
// 1
src: [
require('#/assets/audios/test.mp3')
],
// 2
onloaderror(id, err) {
console.warn('failed to load sound file:', { id, err })
}
})
}
}