Cannot play sound with capacitor-sound-effects plugin in new vue project

dolthead · May 20, 2021, 11:04pm

I created a simple tabs app and want to play a sound with the capacitor-sound-effect plugin. This currently gives me an error in the console when I do ionic serve and click a button:

web.js?396d:31 Uncaught (in promise) DOMException: The element has no supported sources.

I’ve tried every relative and absolute path conceivable. I tried async/await. Now I’m trying promise handling. What am I missing?

github.com

dolthead/soundTabs/blob/c83ab24f4bcf5b8c9610819d4eecc10192ca7f76/src/views/Tab1.vue

<template>
  <ion-page>
    <ion-header>
      <ion-toolbar>
        <ion-title>Tab 1</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content :fullscreen="true">
      <ion-header collapse="condense">
        <ion-toolbar>
          <ion-title size="large">Tab 1</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-button expand="block" @click="play('sound1')">Play 1</ion-button>
      <ion-button expand="block" @click="play('sound2')">Play 2</ion-button>
    </ion-content>
  </ion-page>
</template>

<script lang="ts">

This file has been truncated. show original