Loading Resources: Audio playing on dev mode but not in Production Build the audio from resourceDir

[nomandhoni-cs]

import { join, resourceDir } from "@tauri-apps/api/path";
 import { convertFileSrc } from "@tauri-apps/api/core";
  const handlePlayAudio = async () => {
    try {
      const resourceDirPath = await resourceDir();
      console.log(resourceDirPath);
      const filePath = await join(resourceDirPath, "assets/done.mp3");
      const audioUrl = convertFileSrc(filePath);
      const audioElement = new Audio(audioUrl);
      await audioElement.play();
    } catch (error) {
      console.error("Error playing audio:", error);
    }
  };

<Button onClick={handlePlayAudio}>Play Audio</Button>

Here is the tauri.conf.json

  "security": {
    "csp": "media-src 'self' asset: https://asset.localhost",
    "assetProtocol": {
      "enable": true,
      "scope": [
        "**"
      ]
    }
  },
  
   "bundle": {
  "createUpdaterArtifacts": true,
  "active": true,
  "targets": "all",
  "icon": [
    "icons/32x32.png",
    "icons/128x128.png",
    "icons/[email protected]",
    "icons/icon.icns",
    "icons/icon.ico",
    "icons/icon.png"
  ],
  "resources": [
    "assets/done.mp3"
  ],
  "externalBin": [],
  }

$ tauri info

[✔] Environment
    - OS: Windows 10.0.19045 x86_64 (X64)
    ✔ WebView2: 130.0.2849.56
    ✔ MSVC: Visual Studio Community 2022
    ✔ rustc: 1.80.0 (051478957 2024-07-21)
    ✔ cargo: 1.80.0 (376290515 2024-07-16)
    ✔ rustup: 1.27.1 (54dd3d00f 2024-04-24)
    ✔ Rust toolchain: stable-x86_64-pc-windows-msvc (default)
    - node: 20.11.1
    - pnpm: 9.12.1
    - npm: 10.2.4
    - bun: 1.1.20

[-] Packages
    - tauri 🦀: 2.0.6
    - tauri-build 🦀: 2.0.2
    - wry 🦀: 0.46.3
    - tao 🦀: 0.30.2
    - @tauri-apps/api : 2.0.3
    - @tauri-apps/cli : 2.0.5

[-] Plugins
    - tauri-plugin-shell 🦀: 2.0.2
    - @tauri-apps/plugin-shell : 2.0.1       
    - tauri-plugin-autostart 🦀: 2.0.1        
    - @tauri-apps/plugin-autostart : 2.0.0   
    - tauri-plugin-store 🦀: 2.1.0
    - @tauri-apps/plugin-store : 2.1.0       
    - tauri-plugin-notification 🦀: 2.0.1     
    - @tauri-apps/plugin-notification : 2.0.0
    - tauri-plugin-process 🦀: 2.0.1
    - @tauri-apps/plugin-process : 2.0.0     
    - tauri-plugin-updater 🦀: 2.0.2
    - @tauri-apps/plugin-updater : 2.0.0

[-] App
    - build-type: bundle
    - CSP: media-src 'self' asset: https://asset.localhost
    - frontendDist: ../dist
    - devUrl: http://localhost:1420/
    - framework: React
    - bundler: Vite

    ```