Questions tagged [ionic-framework]

Ionic is a front-end framework for developing native-feeling hybrid mobile apps with HTML and Sass. Traditionally, it runs on top of Cordova and Angular, but since Ionic 4 it supports Angular, React, Vue.js and Web Components running on top of Cordova or Capacitor.

Presentation

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.

Traditionally, it has used Apache and . Since January 2019, Ionic 4 allows developers to choose 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.

Ionic 4 supports multiple frameworks by building its components using , a compiler that creates Web Components.

The Ionic Team are also developing an alternative to Cordova, called Capacitor. is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.

Official Links:

48463 questions
541
votes
46 answers

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory in Ionic 3

When I run an Ionic 3 project using the ionic serve command, then I am getting this error:
Himanshu Shekhar
  • 5,483
  • 3
  • 11
  • 8
386
votes
39 answers

Error: Node Sass does not yet support your current environment: Windows 64-bit with false

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent…
Premkumar Agrawal
  • 4,116
  • 2
  • 13
  • 14
308
votes
22 answers

Error: Cannot find module '../lib/utils/unsupported.js' while using Ionic

I always get this error message when I run "Ionic start project name": Error message Running command - failed![ERROR] An error occurred while running npm install (exit code 1): module.js:471 throw err; ^ Error: Cannot find…
inxoy
  • 3,484
  • 2
  • 13
  • 21
252
votes
17 answers

How to display the app version in Angular?

How do I display the app version in Angular application? The version should be taken from package.json file. { "name": "angular-app", "version": "0.0.1", ... } In Angular 1.x, I have this html:

<%=version %>

In Angular, this is not…
Zbynek
  • 5,673
  • 6
  • 30
  • 52
208
votes
24 answers

Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK - Android

I know there are lots of questions similiar to this one, but i couldn't find a solution for my problem in any of those. Besides, I'll provide details for my specific case. I coded an Ionic project in Ubuntu 16.04 LTS, and now I have to build it for…
rbenvenuto
  • 2,415
  • 2
  • 12
  • 20
153
votes
40 answers

NPM: npm-cli.js not found when running npm

Usually I can install a library using npm but today when installing yeoman I encountered this errors. Please help to figure out what's root cause. D:\Works\phonegap\ionic\todo>npm install -g yo module.js:340 throw err; ^ Error:…
user1192476
  • 3,185
  • 3
  • 15
  • 9
141
votes
17 answers

Failed to find 'ANDROID_HOME' environment variable

I am trying to build an ionic-android project and i have android sdk installed. The name of my project is myApp.I have successfully added android platform to myApp. But when i tries to build the project ~/myApp$ sudo ionic build android result is…
Hari Krishnan
  • 5,992
  • 9
  • 37
  • 55
134
votes
10 answers

How to restrict app to portrait mode only in ionic for all platforms?

I'm working on Ionic/Cordova, I added this to androidManifest.xml but this didn't work for me and app is still showing in both ways android:screenOrientation="portrait" How can I restrict my app to portrait mode only? I have checked on android and…
Muhammad Faizan Khan
  • 10,013
  • 18
  • 97
  • 186
116
votes
33 answers

ionic build Android | error: No installed build tools found. Please install the Android build tools

When I run ionic build android command in root of ionic project, I am getting this error: FAILURE: Build failed with an exception. Where: Script '/home/javad/Desktop/javadApp/platforms/android/CordovaLib/cordova.gradle' line: 64 What went wrong:…
javad75
  • 1,415
  • 2
  • 11
  • 13
107
votes
16 answers

How to get the version of ionic framework?

I wonder how to check the version of ionic. If I do ionic -v I get back 1.4.3 Can that be? Wasn't 1.0.0 just released?
brainray
  • 12,512
  • 11
  • 67
  • 116
104
votes
14 answers

How to fix 'Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

Testing binary Binary is fine npm WARN rollback Rolling back node-pre-gyp@0.12.0 failed (this is probably harmless): EPERM: operation not permitted, lstat 'C:\Users\orca …
orcaenlhw
  • 1,143
  • 2
  • 7
  • 8
101
votes
3 answers

Ionic directives VS Angular material directives with Ionic Framework

I want to use ionic with material design. I am stuck between using ionic directives with custom CSS and angular-material I have read that using ionic directives we get lot of efficient features like App data is remembered with UI-router, even…
Vamsi
  • 9,510
  • 6
  • 38
  • 46
97
votes
9 answers

How to place ionic tabs at the bottom of the screen?

I created a simple ionic-tabs that shows my icons at the top of the screen. I tried to wrap it in a ionic-footer-bar in order to have it placed at the bottom of the screen with no success. The tabs disappear when I do that. How should I accomplish…
Italo Maia
  • 1,956
  • 3
  • 18
  • 31
88
votes
4 answers

Angular async pipe and object property

I need to use async pipe without ngFor. I need to check property of object that is async loaded with observable. This is what i want, but not working: Login
Daniel Suchý
  • 1,822
  • 2
  • 14
  • 19
88
votes
7 answers

angular ng-if or ng-show responds slow (2second delay?)

I'm trying to show or hide a loading indicator on a button when a request is busy. I do that with angular by changing the $scope.loading variable when a request is loading or when it's done loading. $scope.login = function(){ $scope.loading =…
Jorre
  • 17,273
  • 32
  • 100
  • 145
1
2 3
99 100