FILE_URI path for Camera not working on IONIC 4

When using the Cameara to take a picture with destinationType: this.camera.DestinationType.FILE_URI, the resulting URL will not work to display the image. For example, when attempting to take a...

Ionic Firebase Plugin not installed

I created a new ionic project and added firebase to this, but everytime I do an ionic serve -c and open the DevApp, I see in the console following errors: Ionic Native: tried calling...

Ionic4 component - Menu: must have a 'content' element to listen for drag events on

I have the following code: <!doctype html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width,...

Ionic 4: how to hide ScrollBar in ion-content

Im trying to hide the scroll-bar in ion-content (Ionic 4) there's no ion-scroll on ionic 4 so I used the ion-content but I can't find any css attribute to hide it (most of them not work) I do want...

My Hardware 'Back Button Action' is not working in Ionic 4

I am working in my Ionic 4 app and When the user clicks 2 times on the mobile back button, then it should close the app but this is not happening. This is my app.component.ts: lastTimeBackPress =...

Cordova plugins not working with Capacitor

I’m not sure how to get Cordova plugins working with Ionic 4 + Capacitor in Android Emulator. I am following this example (https://ionicacademy.com/create-pdf-files-ionic-pdfmake/) but I am...

Ionic 4 Reactive Forms - ion-select not showing initial values on edit

I have seen a few posts on this for older versions of ionic but no answers for ionic 4 and reactive forms... I have a select for my 'gameForm': <ion-select formControlName="team" ...

Ionic-4 wheel picker/selector buttons css customization

I am facing difficulty in styling the wheel picker buttons and splitter lines. I want to change the default color of buttons and lines but I can't see any way of its customization. Is there any...

Can not install Launch Navigator plugin. Asking for google api key

I am trying to install the launch-navigator plugin into ionic4 framework: https://ionicframework.com/docs/native/launch-navigator It is failing with exit code 1. In the stack I find the...

Ionic 4 Slider autoplay

I want to slide automatically the ionic slider but its not working. slider contains images also. data is got from API call. <ion-slides autoplay="5000" loop="true" speed="300" pager="true" > ...

Ionic 4: Cannot GET /

Why do I get this error? I run the following commands in cmd: ionic start pollito tabs cd pollito ionic server CMD: [INFO] Browser window opened to http://localhost:8100%21 [ng] i ï½¢wdmï½£:...

Angular HttpInterceptor does not work with the first request after login

I spend 2 days with this problem, I could not find any solution. I am facing a problem with angular HTTP interceptor in an Ionic 4 project. After login success, the router navigates to the home...

SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.onLoad

hope this is not a stupid question. connecting ionic and java springboot , there's no error message when the app is live serving in a browser and the data is correctly displaying. But got...

Execution failed for task ':app:checkDebugDuplicateClasses'. Ionic4 Android

I'm currently working on an ionic4 application, but recently it stopped working while building the application on an android reall device after adding https://ionicframework.com/docs/native/fcm...

CordovaError: Promise rejected with non-error: 'xcodebuild was not found. Please install version 9.0.0 or greater from App Store'

I created an app in ionic and I wanted to test it in iOS. So I run the command ionic cordova build ios but, it is giving me the following error I run this command for making a iOS build: ionic...

Programmatically scroll ion-segment

Is there any way to control scrolling on segments? In my case the slider and segments depends on each other and when you swipe slides, overflowwing segments does not slide, but active segment will...

What is the right way to use hardware back button in Ionic 4?

i'm creating a ionic 4 app, and i want to use the device's hardware back-button to return at specific page i'd checked in this page...

ngOnChanges is calling up multiple times

I have generated multiple ion-slides using ngFor, and inserted a component there. It is calling ngOnChanges multiple time. I want it should call only once, so that I can call my api. I have tried...

How to get attribute value in <a> element?

How can i take the value of the data-set attribute or change it in the link with the following structure: <a href='#' data-set='22'>Text</a> I know that in jquery I can use the: $('a').attr...

Adyen Custom Card Secured field not rendering in my Ionic App

I am not able to render Adyen Payment using Custom Card Secured field in my IONIC4 and Angular8 application I followed the Adyen documentation each step but still it is not rendering . I have done...

Ion-item will not center on the page

I have a problem with trying to center an ion-item as seen below.It's slightly off-center. I have tried text-align: center and also change the padding to no padding in ion-content, which doesn't...

Ionic 4 Loadingcontroller overlay doesnt exist

I created a simple function of creating a loading like this async presentLoading() { const loading = await this.loadingController.create({ message: 'Please Wait...', }); await...

ionic only white screen

my ionic version 5.4.13 npm vzrsion 6.13.4 when i create any project on ionic and run it with xcode i get only white screen and this is the console xcode 2020-01-04 13:59:31.567359+0100...

Ionic 4 Hide/Show Header Directive Animation LAGS while scrolling

I have been looking and searching for a good way to hide and show header on ionic 4 project while scrolling. I have achieved that by the help of others on form and by doing some search, but what I...

how to set value dynamically default value in ion-select-option

I'm using Ionic 4. I want to show a default value in ion-select-option. Option's values come from the server. API works all values show but on click of ion-select. But I want to show the default...

Ionic how to center items wrapped with Ion-Item

I have searched quite a bit and tried and tried but I can't figure out how to center ionic elements that are wrapped with <Ion-Item></Ion-Item>. Here are some suggestions I've looked at and none...

Ionic 4 modify css padding rule of item-native class

I need to modify the padding of an item-native class element that is inside the #shadow-root but I am unable to do so. I've tried many kinds of rules, but none of them...

error Recaptcha Verifier is only supported in a browser HTTP/HTTPS environment on iOS

I am brahim i am newbie in ionic tech took my first project for 4 months and i have big problem with authentication with phone number in ios, and customer cares about this problem, please help me,...

Get Value from <ion-input> in function using Vue.js

Can someone tell how I can get the Value of an Input field in an Ionic Vue Application. I've tried the following way, but I get an error saying "this.inputEAN is not defined". Can someone tell...

Ionic 4 Ios app rejected because of UIWebView (ITMS-90809: Deprecated API Usage)

I am using ionic 4 and I uploaded my app on the app store but got rejected due to ITMS-90809: Deprecated API Usage UIWebView. I got this mail from the Apple team. My ionic info: [email protected]