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:

42787 questions
301
votes
20 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,415
  • 2
  • 11
  • 21
248
votes
31 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
  • 2,716
  • 2
  • 10
  • 13
234
votes
32 answers

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

When I run ionic 3 project using ionic serve command, then getting this error:
Himanshu Shekhar
  • 2,383
  • 2
  • 8
  • 6
204
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,345
  • 2
  • 10
  • 19
136
votes
14 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
  • 4,758
  • 8
  • 31
  • 47
127
votes
9 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
  • 8,187
  • 11
  • 74
  • 149
107
votes
32 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
  • 2,395
  • 3
  • 12
  • 9
99
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
  • 8,618
  • 3
  • 34
  • 44
97
votes
27 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,175
  • 1
  • 8
  • 10
94
votes
15 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
  • 11,429
  • 10
  • 60
  • 109
87
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
  • 15,803
  • 29
  • 91
  • 137
83
votes
9 answers

Error: Could not find org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25 in Ionic 3

I am getting the following error suddenly while building Ionic 3 app for Android. Could not find org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25 We have one solution from Android Studio here but after I did change in my build.gradle with the…
Tapas Mukherjee
  • 1,556
  • 1
  • 14
  • 37
81
votes
9 answers

Run a controller function whenever a view is opened/shown

I'm building an app with angular+ionic that uses a classic three-button menu at the bottom with three ion-tabs in it. When a user clicks a tab, that template opens through ui-router. I have states like this: $stateProvider .state('other', { …
Jorre
  • 15,803
  • 29
  • 91
  • 137
80
votes
14 answers

Clear History and Reload Page on Login/Logout Using Ionic Framework

I am new to mobile application development with Ionic. On login and logout I need to reload the page, in order to refresh the data, however, $state.go('mainPage') takes the user back to the view without reloading - the controller behind it is never…
frictionlesspulley
  • 8,030
  • 12
  • 59
  • 102
76
votes
6 answers

How to use Ionic Framework for Web App Development?

Is it possible to use ionic frameowork for regular Web Applications rather than wrapping it in Cordova?
xivo
  • 2,044
  • 3
  • 22
  • 34
1
2 3
99 100