I have problems with the command Ionic 3 and Firebase and angularfire2 - ionic-framework

I have problems with the command
ionic cordova build android --prod --release
In Ionic 3 And Firebase use plugin angularfire2
When I execute it, it starts but stays locked indefinitely and never ends.
sample run result command
Running app-scripts build: --prod --platform android --target cordova
[13:30:05] build prod started ...
[13:30:05] clean started ...
[13:30:05] clean finished in 2 ms
[13:30:05] copy started ...
[13:30:05] deeplinks started ...
[13:30:06] deeplinks finished in 122 ms
[13:30:06] ngc started ...
[13:30:16] ngc finished in 10.44 s
[13:30:16] preprocess started ...
[13:30:16] preprocess finished in 1 ms
[13:30:16] webpack started ...
[13:30:16] copy finished in 10.92 s
I have verified that it crashes when I use the Firebase plugin angularfire2 with the modules AngularFireDatabaseModule, AngularFireDatabase.
I have tried different versions of angularfire2
I tried this
npm install angularfire2#5.0.0-rc.4
npm install firebase#^4.5.0
It is also
npm install angularfire2 firebase promise-polyfill --save
npm install --save # firebase / app-types
I have a MacPro this is the configuration
node -v
v8.11.0
npm -v
5.8.0
ng -v
Angular CLI: 6.0.1
Node: 8.11.0
OS: darwin x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
Package Version
-------------------------------------------------- ---------
# angular-devkit / architect 0.6.1
# angular-devkit / build-optimizer 0.0.35
# angular-devkit / core 0.6.1
# angular-devkit / schematics 0.6.1
# angular / cli 6.0.1
# schematics / angular 0.6.1
# schematics / update 0.6.1
rxjs 5.5.8
typescript 2.6.2
webpack 3.8.1
cordova -v
8.0.0
ionic -v
3.20.0
ionic info
cli packages: (/ usr / local / lib / node_modules)
# ionic / cli-utils: 1.19.2
ionic (Ionic CLI): 3.20.0
global packages:
Cordova (Cordova CLI): 8.0.0
local packages:
# ionic / app-scripts: 3.1.9
Cordova Platforms: android 6.3.0
Ionic Framework: ionic-angular 3.9.2
System:
Android SDK Tools: 26.1.1
ios-deploy: 1.9.2
Node: v8.11.0
npm: 5.8.0
OS: macOS High Sierra
Xcode: Xcode 9.3.1 Build version 9E501
Environment Variables:
ANDROID_HOME: / Users / user / Developed / Android / sdk
Misc:
backend: pro
Someone has some idea that can be.
If I use the command
ionic cordova build android --release
It works fine but causes a delay in opening the application after while screen of about 8 seconds.

Related

Ionic and Ionic CLI [duplicate]

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?
Run from your project folder:
$ ionic info
Cordova CLI: 5.0.0
Ionic Version: 1.0.1
Ionic CLI Version: 1.6.1
Ionic App Lib Version: 0.3.3
OS: Windows 7 SP1
Node Version: v0.12.2
If your CLI is old enough, it will say "info is not a valid task" and you can use this:
$ ionic lib
Local Ionic version: 1.0.1 (C:\stuff\july21app\www\lib\ionic\version.json)
Latest Ionic version: 1.0.1 (released 2015-06-30)
* Local version up to date
That is the version number of the Ionic CLI, which is different from the version number of Ionic's library. Here are a couple easy ways to check the version.
In the browser console, you can run ionic.version and it will print to the console what version it is.
You can also look at the bower.json file in your app, and it will show the version number like you see here. https://github.com/ionic-in-action/chapter5/blob/master/bower.json#L5
In the terminal following command returns the version:
'ionic version' or 'ionic -v'
returned
'3.2.0'
The above is the CLI version. Go to the project folder and use the code below like scw's answer.
$ cd ionic-project
$ ionic info
✔ Gathering environment info - done!
Ionic:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
#ionic/app-scripts : 3.2.0
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib#8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic 5.2.7, cordova-plugin-ionic-webview 2.2.5, (and 15 other plugins)
System:
NodeJS : v8.12.0 (/usr/local/bin/node)
npm : 6.4.1
OS : OS X Yosemite
$ ionic -v
CLI 4.12.0
you will be able to know your framework version
$ ionic info
all details
At some point in time the object changed from ionic to an uppercase Ionic.
As of July 2017 you need to put Ionic.version into your console to get the version number.
Ionic projects structure are similar as Angular projects, you can get use
ionic info
command to Print project, system, and environment information.
This command is an easy way to share information about your setup. If applicable, be sure to run ionic info within your project directory to display even more information.
We may use --json after ionic info to print system/environment info in JSON format
ionic info --json
on your terminal run this command on your ionic project folder ionic info and you will get the following :
cli packages: (/usr/local/lib/node_modules)
#ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
#ionic/app-scripts : 3.1.8
Cordova Platforms : android 7.0.0 ios 4.5.5
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.9.3
npm : 6.1.0
OS : macOS
Xcode : Xcode 10.1 Build version 10B61
Environment Variables:
ANDROID_HOME : not set
Misc:
backend : pro
You can find the library version accessing the file package.json. Under dependencies, check the property ionic-angular.
You can also check the Ionic CLI version typing ionic info in the terminal from your project's folder.
Running ionic info on your project directory give all the info you need the npm version, cli, app script and some more
for slower machines use the browser console.
Ionic.version
It doesn't do much analysis like the terminal's
ionic info
which gathers other useful information about your ionic project.
The method version on ionic object returns the current version in string format.
$ ionic info
Ionic:
Ionic CLI : 5.4.16
Utility:
cordova-res : not installed
native-run : 0.3.0
System:
NodeJS : v12.16.1
npm : 6.13.4
OS : Linux 5.3
────────────────────────────────────────────────────────────
Ionic CLI update available: 5.4.16 → 6.2.2
The package name has changed from ionic to #ionic/cli!
To update, run: npm uninstall -g ionic
Then run: npm i -g #ionic/cli
────────────────────────────────────────────────────────────
ionic info
This will give you the ionic version,node, npm and os.
If you need only ionic version use ionic -v.
If your project's development ionic version and your global versions are different then check them by using the below commands.
To check the globally installed ionic version ionic -g and to check the project's ionic version use ionic -g.
To check the project's ionic version use ionic -v in your project path or else ionic info to get the details of ionic and its dependencies.
ionic -v
Ionic CLI update available: 5.2.4 → 5.2.5
Run npm i -g ionic to update
You can use command ionic info to get details of ionic CLI , angular CLI , Node JS version and NPM version
Run command ionic info
in project root folder and you will get complete information of versions
Ionic:
Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 5.3.2
#angular-devkit/build-angular : 0.1000.8
#angular-devkit/schematics : 10.0.8
#angular/cli : 10.0.8
#ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 4 other plugins)
Utility:
cordova-res : not installed
native-run (update available: 1.4.1) : 1.3.0
System:
Android SDK Tools : 26.1.1 (/home/rasharma/Android/Sdk/)
NodeJS : v12.14.1 (/home/rasharma/.nvm/versions/node/v12.14.1/bin/node)
npm : 6.13.4
OS : Linux 5.11

Local notification plugin installation for IONIC 3

I am working in ionic 3 project . I want to install the Local notification plugin for implementing the
notification feature in my project. But I can't install the local notfication plugin properly.
I don't know the correct verion of local notifcation plugin to My working environment.
Please tell me the correct version of local notifcation plugin.
I am using the following command to install the plugins
$ ionic cordova plugin add cordova-plugin-local-notification
$ npm install #ionic-native/local-notifications
My working Environment
cli Packages:
#ionic/cli-utils:1.19.2
ionic (Ionic CLI):3.20.0
global Packages:
cordova : 9.0.0 (cordova-lib#9.0.1)
local packages:
#ionic/app-scripts: 3.2.2
cordova plaforms :ios 4.3.0
ionic Framework : ionic-angular 3.9.5
System:
Node:v6.12.2
npm:3.10.10
OS:macOS
Xcode:xcode 11.2 Build system
Please give me the suggestion.
You have to follow the documentation of ionicframework for Version 3, According to V3 you have to use the following commands to install local notification plugin.
$ ionic cordova plugin add cordova-plugin-local-notification
$ npm install --save #ionic-native/local-notifications#4

Ionic 2 is not working in local machine

I tried to run the ionic 2 basic application from my ubuntu 16.04.2 LTS machine. After ionic serve command.
It's showing up to this message ,nothing is building after this message
> ionic-app-base# ionic:serve /home/USER_NAME/Desktop/training/ionicProject/testProject
> ionic-app-scripts serve "--v2" "--address" "0.0.0.0" "--port" "8100" "--livereload-port" "35729"
following info based on ionic
Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.2.2
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.4
Node Version: v6.10.1
Xcode version: Not installed
Can you check the app-scripts version in your package.json file.
Make it to "#ionic/app-scripts": "1.1.4" if not already. Try running npm install again inside your app folder. Run ionic serve again.
I was having the same issue, I tried all versions of ionic/app-scripts 1.0.0 and above. the versions that work for me are 1.0.0 and 1.0.1 .
Try changing ionic/app-script version in package.json to 1.0.0 or 1.0.1
Then run npm install in your app folder
ionic serve (using sudo is not necessary.)
-------ionic info-------
Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.0.1
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.4
Node Version: v6.10.0
Xcode version: Not installed

Unable to install angularfire2 on Ionic 2#RC1

I'm working on integration of Ionic 2 app with firebase.While trying to install angularfire2 on Ionic 2 RC1 release. I get this error. How can I fix this dependency issue?
$ npm install angularfire2 --save
├── UNMET PEER DEPENDENCY #types/request#0.0.30
└── angularfire2#2.0.0-beta.5
$ ionic info
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 0.0.36
ios-deploy version: 1.9.0
ios-sim version: 5.0.9
OS: Mac OS X Sierra
Node Version: v6.9.1
Xcode version: Xcode 8.1 Build version 8B62
Fixed the issues by installing the dependencies
npm install #types/request#0.0.30 --save
npm install #types/jasmine#^2.5.36 --save
npm install firebase angularfire2 --save
Got some warnings, but the packages got installed
npm WARN #ngtools/webpack#1.1.4 requires a peer of #angular/compiler-cli#^2.1.0 but none was installed.

unable to add ionic-platform-web-client

$ ionic add ionic-platform-web-client
Failed to find the bower component "ionic-platform-web-client".
Are you sure it exists? (CLI v1.7.12)
Your system information:
Cordova CLI: 5.4.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.0
Ionic Version: 1.2.1
Ionic CLI Version: 1.7.12
Ionic App Lib Version: 0.6.5
OS: Distributor ID: Ubuntu Description: Ubuntu 14.04.3 LTS
Node Version: v4.2.2
I tried the following command, didnt help as suggested in other stackoverflow Q&A.
bower install --allow-root --save-dev ionic-platform-web-client
Same issue when i tried in mac as well. Attached both the error messages.
ionic add ios
Failed to find the bower component "ios".
Are you sure it exists? (CLI v1.7.12)
Your system information:
Cordova CLI: 5.4.1
Ionic Version: 1.1.0
Ionic CLI Version: 1.7.12
Ionic App Lib Version: 0.6.5
ios-deploy version: 1.8.3
ios-sim version: 5.0.4
OS: Mac OS X El Capitan
Node Version: v4.2.4
Xcode version: Xcode 6.4 Build version 6E35b
This below command may be solve your problem :-
bower install --save-dev ionic-platform-web-client