Questions tagged [ionic5]

This tag is for questions specifically targetting version 5 of Ionic Framework.

Ionic Framework is an open-source hybrid mobile application development framework that helps in building cross-platform mobile applications with standard Web technologies like , , and 's.

Ionic Framework is focused on giving a native-like UI experience, built on top of web technologies. Ionic 5 allows developers to choose of multiple frameworks including , , , and web components.

Ionic also has a rich Command Line Interface which enables the developers to create, build, test and deploy applications.

With this framework it's possible to build apps for iOS, Android, Electron or just Progressive-Web-Apps with or .

Official Ressources:

1087 questions
61
votes
10 answers

AAPT: error: attribute android:requestLegacyExternalStorage not found

collection error in AndroidManifest.xml AAPT: error: attribute android:requestLegacyExternalStorage not found. Although the attribute is there but it writes an error My AndroidManifest.xml
Eugene Sermyagin
  • 1,101
  • 2
  • 9
  • 15
36
votes
3 answers

Render HTML content in Ionic 3/4/5

view.html
{{text}}
The question is that 'text' has HTML that I wish to be displayed as it should but it only shows the HTML tags and text. What can I do to render such content? I've tried the earlier version (Ionic 1/2) solutions and…
sam_v
  • 494
  • 1
  • 5
  • 12
30
votes
7 answers

android 10 doesn't support whitelist plugin

Android 10 doesn't support "whitelist plugin", when I add android platform it skips whitelist plugin which cause "file transfer plugin" issues when building or running the application ionic cordova platform add android@latest Installing…
BASSI Yassine
  • 301
  • 1
  • 3
  • 4
26
votes
8 answers

Custom Icons with Ionic 5?

I recently updated from Ionic 4 to Ionic 5. With Ionic 5 the icons received an update too. Apparently however also the mechanism loading the icons changed. In Ionic 4 it was possible to add custom icons like…
Chris
  • 4,238
  • 4
  • 28
  • 49
22
votes
8 answers

ionic 5 forcing light theme for the browser app

i have built this app https://cvirus.app and build and deployed on browser. on chrome browser on android phones it renders dark background (as dark theme is being applied by default it seems). I want to force light theme everywhere no matter what…
Moblize IT
  • 1,140
  • 2
  • 18
  • 44
17
votes
3 answers

How to fix member Event from @ionic/angular error in Ionic 5

I have upgraded from Ionic 4 to Ionic 5, now getting following error: ERROR in src/app/app.component.ts(4,10): error TS2305: Module '"/node_modules/@ionic/angular/ionic-angular"' has no exported member 'Events'. Following import line is causing…
Muhammad Omais
  • 319
  • 1
  • 4
  • 12
15
votes
5 answers

Ionic 5 Modal over modal is missing ion-backdrop

Why is my ion-backdrop + modal shadow styling not working when I open a modal on top of another modal? PREFACE: This was working fine with V4, but broken on the upgrade to V5. I don’t want to change my page approach, just fix the CSS/whatever is…
José Damião
  • 185
  • 1
  • 9
13
votes
5 answers

Error: ENOENT: no such file or directory when running Ionic Cordova Platform Add Android

I just cant figure out how to solve this problem. I've tried many solutions but nothing works for my case. So i put my project in xampp\htdocs with folder name exam-ionic. Then when i tried to add platform android the error Error: ENOENT: no such…
Question Maker
  • 151
  • 1
  • 1
  • 6
11
votes
11 answers

Ionic 5/Capacitor ERR_CLEARTEXT_NOT_PERMITTED in Android

I'm using Capacitor for building the Ionic app. These are the following commands run in order to open the android app in Android Studio. npx cap add android ionic build npx cap copy npx cap open android In Android Studio, I ran the build and click…
coderpc
  • 4,119
  • 6
  • 51
  • 93
9
votes
3 answers

Error 'swiper-slide' is not a known element after migrating from ion-slides

I updated my Angular Ionic 5 application and trying to migrate from ion-slides to Slides. I am following the official docs. I installed swiper npm install swiper@6 Did import in the scss file @import '~swiper/swiper'; Did import the SwiperModule in…
Tapas Mukherjee
  • 2,088
  • 1
  • 27
  • 66
9
votes
3 answers

How to resolve ESLint error in defining `this` inside nested scope in Ionic Vue method

I have an Ionic Vue app which uses the slides component to modify a reactive property each time it transitions. The pertinent code is like this: