Ionic 1 resource loading issue - ionic-framework

cli packages: (/usr/local/lib/node_modules)
#ionic/cli-utils : 1.13.1
ionic (Ionic CLI) : 3.13.2
global packages:
cordova (Cordova CLI) : 7.1.0
Gulp CLI : CLI version 3.9.1 Local version 3.9.1
local packages:
Cordova Platforms : none
Ionic Framework : ionic1 1.3.3
System:
Node : v6.11.4
npm : 3.10.10
OS : macOS Sierra
Xcode : Xcode 9.0 Build version 9A235
Misc:
backend : pro
I got this kind of list of issues when I run "ionic serve" command.How can I fix this?

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

livereload doesn't give choice of addresses

After the updation of node.js i found this issue.. when i run ionic cordova run android --livereload it is running in localhost
How do i solve this issue ?? please help me..
Ionic Info:
Ionic CLI : 5.2.1
Ionic Framework : #ionic/angular 4.6.0
#angular-devkit/build-angular : 0.13.9
#angular-devkit/schematics : 7.3.9
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)
Utility:
cordova-res : not installed
native-run : 0.2.7
System:
NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.2
OS : Windows 10
So this is a new change in Ionic-cli v5.2.1
You can use this command
ionic serve --address=0.0.0.0
or in your case
ionic cordova run android --livereload --address=0.0.0.0
or if you have a specific url
ionic cordova run android --livereload-url=http://localhost:8100
This will spin up the server like it used to previously, both on the localhost as well as the external url.
See this update documentation for more info
https://ionicframework.com/docs/cli/commands/cordova-run

Failed to install phonegap-plugin-push

I am following Ionic Push setup guide but I am getting an error trying to install phonegap plugin:
cordova plugin add phonegap-plugin-push --variable SENDER_ID=123456789 --save --verbose
Im getting and error:
Error: Invalid Version: broken
this is ionic info --verbose generate following output:
[DEBUG] Loading global plugin #ionic/cli-plugin-proxy
[DEBUG] Throwing PLUGIN_NOT_INSTALLED for global #ionic/cli-plugin- proxy
[DEBUG] Loading local plugin #ionic/cli-plugin-cordova
[DEBUG] Loading local plugin #ionic/cli-plugin-ionic-angular
global packages:
#ionic/cli-utils : 1.5.0
Cordova CLI : 7.0.1
Ionic CLI : 3.5.0
local packages:
#ionic/app-scripts : 1.1.4
#ionic/cli-plugin-cordova : 1.4.1
#ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms : android broken
Ionic Framework : ionic-angular 2.2.0
System:
Node : v6.9.1
OS : Windows 10
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
npm : 3.10.8
Can anybody point me in the right direction?
Follow this link ::
https://github.com/phonegap/phonegap-plugin-push
Try to install plugin using this command
cordova plugin add https://github.com/phonegap/phonegap-plugin-push

ionic serve results in white screen

Anyone else encountering this? After running ionic serve -cs the server spins up but a blank webpage gets shown with no errors in the console.
Here is my setup:
global packages:
#ionic/cli-utils : 1.4.0
Cordova CLI : 7.0.1
Ionic CLI : 3.4.0
local packages:
#ionic/app-scripts : 1.3.12
#ionic/cli-plugin-cordova : 1.4.0
#ionic/cli-plugin-ionic-angular : 1.3.1
Cordova Platforms : browser 4.0.0
Ionic Framework : ionic-angular 3.5.0
System:
Node : v8.1.3
OS : macOS Sierra
Xcode : Xcode 8.3.3 Build version 8E3004b
ios-deploy : 1.9.0
ios-sim : 5.0.9
npm : 5.0.3
Found the issue. For some reason the cli command ionic serve defaults to --address 0.0.0.0. When the browser auto launches it uses localhost instead of 0.0.0.0. Replaced localhost with 0.0.0.0 and fixed my problem.

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