Can anyone tell me what is the difference between the Ionic Version and Ionic CLI version? I heard that the latest version of Ionic is ionic 5. is it possible I can create an Ionic-Vue app with ionic 5?
These are the details:
Ionic:
Ionic CLI : 6.11.0
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v12.18.3
npm : 6.14.6
OS : Windows 10
C:\MobileAppProjects\reddit-clone>vue --version
#vue/cli 4.5.4
Related
When I try to install Nuxt js using Git Bash in windows 10 then I'm getting the following error as shown in the below screenshot.
Node Version : 14.16.1
NPM/NPX Version: 7.13.0
I am developing an application in ionic 5 and I encounter an error when I run the command: ionic cordova platform add android.
Here is the error message: [ERROR] An error occurred while running subprocess cordova-res. Can anyone help me?
Ionic:
Ionic CLI : 6.11.0 (C:\Users\user\AppData\Roaming\npm\node_modules#ionic\cli)
Ionic Framework : #ionic/angular 5.3.1
#angular-devkit/build-angular : 0.901.12
#angular-devkit/schematics : 9.1.12
#angular/cli : 9.1.12
#ionic/angular-toolkit : 2.3.3
Cordova:
Cordova CLI : 9.0.0 (cordova-lib#9.0.1)
Cordova Platforms : browser 6.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 8 other plugins)
im having a problem at run time only when build with --prod flag
im using vscode with
Ionic:
Ionic CLI : 5.2.5
(C:\Users\elile\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : #ionic/angular 4.3.1
#angular-devkit/build-angular : 0.13.8
#angular-devkit/schematics : 7.3.8
#angular/cli : 7.3.9
#ionic/angular-toolkit : 1.5.1
Cordova:
Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 9 other plugins)
Utility:
cordova-res : 0.6.0
native-run : 0.2.8
System:
Android SDK Tools : 26.1.1 (D:\android\sdk)
NodeJS : v10.15.3 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
Somewhere you have used Scroll View module but not put it into the parent modules declarations.
Check every place that you have used Scroll View and see if the module is defined in that parent module.
update
if its an issue with the packages then I would generate a new app and then either copy the package versions back to your current broken app, or just migrate the app into the new app.
The plugin breaks with ionic 4, ionic-angular became #ionic/angular.
If you have used "ionic-angular" library for import then changed for ionic 4
Change "ionic-angular" to "#ionic/angular"
Like that : import { Events } from '#ionic/angular';
I can't figure out how to use livereload with ionic 4 and Capacitor on ios.
I'm running this command
ionic cap run ios -l which add my local ip address to capacitor.config.json.
however, it seems like I'm missing something in here.
Note: according to Provide live-reload functionality #3130 this should work.
my environment setup:
Ionic:
ionic (Ionic CLI) : 4.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : #ionic/angular 4.0.0-beta.2
#angular-devkit/core : 0.7.3
#angular-devkit/schematics : 0.7.3
#angular/cli : 6.1.3
#ionic/ng-toolkit : 1.0.6
#ionic/schematics-angular : 1.0.5
Capacitor:
capacitor (Capacitor CLI) : 1.0.0-beta.6
#capacitor/core : 1.0.0-beta.6
System:
NodeJS : v9.10.1 (/usr/local/bin/node)
npm : 6.4.0
OS : macOS High Sierra
For those still struggling with his try:
ionic capacitor run ios --livereload --external
It will open Xcode automatically. Run your project and livereload should work.
Make sure that you are connected to the same WiFi on your device and computer.
Thanks to Julio Cesar form ionic team for pointing this out, this turned to be a bug in Capacitor which has a PR already github.com/ionic-team/capacitor/pull/741 and github.com/ionic-team/capacitor/pull/742
Your assets may need to be rebuilt & plugins resynced.
npm run build
ionic cap sync
Sync will tell you if your Capacitor version matches your platform versions and if there are any issues with plugins.
Then livereload run with:
ANDROID:
ionic cap run android -l --external
iOS:
ionic cap run ios -l --external
It didn't work for me as well until I added "cleartext": true to capacitor.config.json under server. Like this:
"server": {
"url": "http://192.168.1.68:8100",
"cleartext": true
}
This is explained in the official documentation under Using with Framework CLIs.
In My Project, ionic info command here
Cordova CLI: 5.3.3
Ionic Version: 1.2.4-nightly-1917
Ionic CLI Version: 1.7.0
Ionic App Lib Version: 0.5.1-beta.0
ios-deploy version: 1.8.2
ios-sim version: 5.0.1
OS: Mac OS X El Capitan
Node Version: v4.2.2
Xcode version: Xcode 7.2 Build version 7C68
I want to update my Ionic App Lib Version. from 0.5.1-beta.0 to 0.6.4
How Can I Do? ionic lib update and ionic lib update -d command not working!
use this command :
npm install ionic-app-lib --save
Use this command:
ionic lib update
This should automatically detect the latest stable setup for the overall environment and update to it.
Off course it asks and confirms eg like this :
Are you sure you want to replace \stMobile\www\lib\ionic with an updated version of Ionic?
hope this helps :-)
Try doing this:
bower update
This will update everything if you use bower