The audio directory is not included in the build of the Ionic framework, causing it to be skipped and absent

Recently, I've been working on an Ionic/Cordova app and came across a folder labeled /audio which consists of mp3 files:

/www
 /assets
   /audio
     file.mp3
   /css
   /js
 config.xml
 index.html

The issue at hand is that the /audio directory is not included in the build. Upon inspecting the application folder using a USB cable on android, the following was observed:

https://i.stack.imgur.com/nw9oO.png

Interestingly, the directories /css and /js are present as expected, but the /audio directory seems to be missing.

This inconsistency raises the question: Why is this happening?

javascriptangularjscordovaionic-framework

Answer №1

Alright, I resolved that issue.

It may seem odd, but it appears that the directory assets/audio was causing a conflict with a native/cordova directory, so I decided to change the name of the directory and now everything is working correctly.

Instead of using assets/audio, I switched to using assets/sound

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Utilizing CSS for styling a class with a dynamic name

On the server side, I am dynamically generating class names like this: <p class="level_1">List item 1</p> <p class="level_2">List item 2</p> <p class="level_3">List item 3</p> <p class="level_1">List item 1</p& ...

javascriptjquerycss

The ngIf directive in Ionic 2 does not refresh after a user logs in

I'm facing an issue with the *ngIf directive in Ionic 2. Below is my code: <div *ngIf="isLogin" class="profile-info ng-binding padding text-center" (click)="openPage(accountPage)"> {{userEmail}} <span menu-toggle="menu-togg ...

angularionic-framework

React's router activeClassName feature fails to apply the active class to child routes

<ul className="right hide-on-med-and-down"> <li><IndexLink to="/" activeClassName="active">ABOUT</IndexLink></li> <li><Link to="blog" activeClassName="active">BLOG</Link></li> <li><Link t ...

javascriptreactjsreact-router

Angular does not always interpret the value returned from a Promise.all call

One of the challenges I'm facing is related to the structure of my controller: controller.things = ['a', 'b', 'c']; controller.loading = true; controller.responses = []; controller.handlePromises = function(){ var pr ...

javascriptangularjsangular-promise

What are the different ways to interact with the object retrieved from the onloadedmetadata event

Having trouble accessing a specific value in an object that is the result of the onloadedmetadata event. When I log the entire object using audioDuration, I am able to see and retrieve the respective value without any issues. However, when I try to access ...

javascriptreactjs

Unusual navigation patterns in Angular

My Mean app is set up with the Angular app residing in the '/dashboard' path. The home page of the app works fine. Reloading the app returns the page it was on. Even routes with '/dashboard/anything/anything' refresh properly. However, ...

javascriptangularjsroutesmean-stackngroute

Unexpected parameter value in directive when using controllerAs syntax

Apologies for my hesitation, but I've been struggling for hours to find the cause of this perplexing issue. It's a simple directive where I'm just passing a parameter one way. When I use $scope in the controller, the parameter value is acce ...

angularjsangularjs-directive

The Fancybox iFrame is not appearing on the screen

I am facing an issue with the html and javascript code I have. The html looks like this: <ul> <a class="iframe" href="/posting/form?id=8"><li>Publish</li></a> </ul> and I am using the following javascript: <scr ...

javascriptjqueryiframefancyboxmodal-dialog

Determine if a specific value is present in an array of objects using AngularJS

var arr = [ { id:1}, {id:2} ]; var obj = {id:1}; var result = arr.indexOf(obj.id) == -1; console.log(result); I am trying to determine if obj.id exists in the array arr[]. Please note: arr[] is an array of objects ...

javascriptangularjs

Assigning an array of objects within an AJAX request

I have a MediaObject object that includes: a Media object an array and a function called getMedia() When attempting to create a Media object and push it into the array inside the getMedia function after making an AJAX call, I encountered issues referenc ...

javascriptajax

JavaScript - A simple way to retrieve the dimensions of an image consistently

I'm currently working on a piece of Jquery code that is designed to display an image fitting within the screen's dimensions. These images are generated dynamically as needed. However, I am facing an issue where the height and width of the image a ...

javascriptjquerycss

Joi has decided against incorporating custom operators into their extended features

I am having trouble extending the joi class with custom operators. My goal is to validate MongoDB Ids, but when I try to use the extended object, I encounter the following error: error: uncaughtException: JoiObj.string(...).objectId is not a function TypeE ...

javascriptnode.jstypescriptjoi

Decode PDF417 barcode images with ease using HTML and JavaScript on both desktop and mobile web browsers

Looking to utilize JavaScript to decode PDF417 type barcode images? If you're encountering Zxing plugin issues in mobile browsers but it works well on desktop browsers with https://github.com/PeculiarVentures/js-zxing-pdf417, consider alternative sol ...

javascriptjqueryangularjsnode.jspdf417

The functionality of "Body Onload" for sending "ScrollHeight" is malfunctioning in Chrome and Safari

I came across an issue where the iframe_resize function in my code was not working as expected. After investigating further, I realized that the problem did not lie with the function itself. So, I decided to post a new question. Within my index.html file ...

phpjavascripthtmlcssbrowser

Undefined value is encountered when passing props through the Context API in a REACT application

Exploring My Context API Provider File (Exp file) import react form 'react'; import {createContext} from "react"; export const ContextforFile = createContext(); export function ContextData(props){ let rdata=props.data return( &l ...

javascriptnode.jsreactjsmern2d-context-api

Issue with Angular routing failing to function properly on Chrome

I've been experimenting with AngularJS and watching Dan Wahlin's tutorial on YouTube, but I'm having trouble getting the routing to work properly in Chrome or IE. It seems to be working fine in Firefox, but in other browsers, it just shows a ...

angularjs

Steps for finding a pattern in a list and creating a separate list

Looking to identify a specific pattern in a list retrieved from the service and create a new list with matching items. Below is my code snippet. itemList = itemService.getList(); The itemList comprises of JSON data as shown below. [ { "email ...

angularjs

What is the best way to incorporate an if else condition using the <?php if($loggedin): ?> statement within JavaScript code to display a button push or pop response from the server side?

I would like to verify this php if condition code ''<?php if($loggedin) : ?>'' inside JavaScript code in order to display one of the buttons, either push or pop. I want to keep this button hidden from the client side by embedding ...

javascriptphpajax

The intersection observer fails to detect any new elements or entries that are appended to the page after it has

When I press the "add section" button to create a new section, the intersection observer does not seem to observe it. Even when I try to run the observer again after pressing the button, it still doesn't work. I suspect that I need to reassign the `se ...

javascripthtmlcssarraysintersection-observer

Combinations of Typescript dependent unions

I'm struggling with calling the given union that wraps a function and its argument. Is there a way to call it without having to cast? type Wrapper = { fn: (a: string) => void arg: string } | { fn: (a: number) => void arg: number } let f ...

javascripttypescript