How to migrate Ionic 4.2.0 to latest version? - ionic-framework

My Ionic information is -
I want to upgrade it to latest veriosn i.e 4.7.0, How to do this?

You should take a look at the release notes to see how to install this (and every) version of Ionic 4.
With this version comes support for Angular 8! Follow the below steps
to update.
1) Update #ionic/angular and #ionic/angular-toolkit to the latest
releases:
npm install #ionic/angular#4.7.0
npm install #ionic/angular-toolkit#2.0.0 -D
2) Update #angular/core and #angular/cli:
npx ng update #angular/core #angular/cli
3) Update #angular-devkit dependencies:
npm i #angular-devkit/architect#latest #angular-devkit/build-angular#latest #angular-devkit/core#latest #angular-devkit/schematics#latest
View our Angular 8 Update Guide for tips on potential issues!
Once that's ready, you can finally update the Ionic version:
npm install #ionic/angular#4.7.0 --save-exact

using specific version can achive
globally
npm install -g ionic#4.7.0
locally
npm install ionic#4.7.0

Related

Upgrade Ionic 5.0 to 5.3 Commands

What is the proper set of npm commands to update Ionic from v5.0 to v5.3.1 (latest release), as well as, bump the version of Capacitor, Ionic Native, and the dev dependencies appropriately?
I can't find an update guide with commands in the Ionic docs unlike in Angular where you would follow the update steps on https://update.angular.io. They don't seem to indicate whether the CLI version should match the Ionic version, or whether the version of Capacitor for a specific version of Ionic or the CLI is required, or if none of that matters.
Would I run these commands:
// dependencies
npm install #capacitor/android#latest
npm install #capacitor/core#latest
npm install #capacitor/ios#latest
npm install #ionic/core#latest
npm install #ionic-native/core#latest
npm install #ionic-native/in-app-browser#latest
npm install #ionic-native/splash-screen#latest
npm install #ionic-native/status-bar#latest
npm install #ionic/angular#latest
npm install #ionic/storage#latest
// dev dependencies
npm install #capacitor/cli#latest
npm install #ionic/angular-toolkit#latest
npm install #ionic/lab#latest
or equivalently just run npm upgrade <LIST_OF_ABOVE_PKGS>? and are there dependencies between Ionic, Ionic CLI, Capacitor, and Ionic Native?
run at cmd in "npm install -g ionic#5.3.2"

I have upgraded to ionic 4 but my project doesnt support the version now I need to downgrade to ionic 3. What should i do? [duplicate]

The recent version is 3.2.0 and I'm facing lot's of issues with it like the ionic serve command not working.
npm install -g ionic#version_number
ex: if you want to install ionic 2.5.0,
npm install -g ionic#2.5.0
edit: to list all versions of ionic, npm info ionic
You can downgrade to your old version by running below command:
npm install -g ionic#3.9.2
Get your version here
IONIC CLI VERSIONS
You may try uninstalling it first: npm uninstall -g ionic
then install it again with the version that you want to install npm install -g ionic#x.x.x
then check ionic version with ionic --version you may need to restart your terminal to get the latest version running
First thing first, uninstall the current version:
npm uninstall -g ionic
then, install the version you want :
npm install -g ionic#"the version for example #3.20.0"
You just need to do like this:
npm install -g ionic#3.1.0
Changelog
Sometimes it throws error while overwriting the existing files , so add --force
Ex, If you want to downgrade to version 3.20, run:
npm i -g ionic#3.20 --force

ionic v1 TypeError: _.set is not a function

I get the following error in my project:
TypeError: _.set is not a function
It doesn't matter if I type ionic info or ionic cordova build android
ionic cli always asks
The Ionic CLI (local version) has an update available (3.7.0 => 3.9.2)! Would you like to install it? Yes / No
Even if I type No I always get this error message.
Try these steps
npm uninstall --save-dev --save-exact #ionic/cli-plugin-cordova
npm uninstall --save-dev --save-exact #ionic/cli-plugin-ionic1
npm uninstall --save-dev --save-exact #ionic/cli-plugin-gulp
outdated version of the inquirer npm module
npm install inquirer
(Should update it from version 3.0 to 5.0 or so)

Ionic still creates v1 projects even after upgrading v2

I'm trying to start an Ionic v2 project following the official docs here, but I end up with an Ionic v1 project every time. My steps:
Remove current ionic and install the beta:
$ npm uninstall ionic -g
$ npm install ionic#beta -g
/Users/mike/.npm-global/bin/ionic -> /Users/mike/.npm-global/lib/node_modules/ionic/bin/ionic
/Users/mike/.npm-global/lib
└── ionic#2.0.0-beta.32
Create a new Ionic v2 TypeScript project:
$ ionic start ionic2-test --v2 --ts
Creating Ionic app in folder /Users/mike/dev/ionic2-test based on tabs project
Downloading: https://github.com/driftyco/ionic-app-base/archive/master.zip
[=============================] 100% 0.0s
Downloading: https://github.com/driftyco/ionic-starter-tabs/archive/master.zip
[=============================] 100% 0.0s
Updated the hooks directory to have execute permissions
Update Config.xml
Initializing cordova project
Adding in iOS application by default
But a v1 project is created:
$ cat ./ionic2-test/www/lib/ionic/version.json
{
"version": "1.3.1",
"codename": "el salvador",
"date": "2016-05-12",
"time": "18:21:10"
}
$ head -2 ./ionic2-test/www/lib/ionic/js/angular/angular.js
/**
* #license AngularJS v1.5.3
My ionic info:
Cordova CLI: 5.4.0
Gulp version: CLI version 3.9.0
Gulp local:
Ionic CLI Version: 1.7.8
Ionic App Lib Version: 0.6.4
ios-deploy version: Not installed
ios-sim version: 5.0.3
OS: Mac OS X El Capitan
Node Version: v5.0.0
Xcode version: Xcode 7.3 Build version 7D175
What am I doing wrong?
So, the problem is that the Ionic CLI is not being updated to the latest one (2.0.0 beta-32). Have you tried by doing this:
After $ npm uninstall ionic -g, update npm and clean npm's cache:
npm cache clean -f
npm install npm -g
Delete manually any folder containing references to Ionic like those you've included in the question:
/Users/mike/.npm-global/bin/ionic
/Users/mike/.npm-global/lib/node_modules/ionic/bin/ionic
/Users/mike/.npm-global/lib
And then after that:
$ npm install -g ionic#beta
or (on Mac and Linux you’ll need to add sudo to install Ionic globally):
$ sudo npm install -g ionic#beta
#sebaferreras lead me to the solution.
Even after sudo npm uninstall ionic -g, the ionic command was still available:
$ which ionic
/usr/local/bin/ionic
So I think I must have had it installed in multiple places. There seemed to be something generally screwed up with my node installation (I possibly installed from homebrew as well as from the official .pkg download), so I decided to completely remove it all and start from scratch, as described here:
How do I completely uninstall Node.js, and reinstall from beginning (Mac OS X)
I then reinstalled node using the official .pkg from their website, su-did npm install -g ionic#beta, and now...
$ ionic info
Ionic CLI Version: 2.0.0-beta.32
Ionic App Lib Version: 2.0.0-beta.18
...
So I'm all fixed up!
this link will solve and save your time: http://ionicframework.com/docs/v2/getting-started/installation/
the simple way to create a ionic project: go to your into the directory where you want to create you project and the type this cmd:
ionic start cutePuppyPics --v2
Your Ionic CLI is not updated yet. Just run the command "npm install ionic cordova" once again, no need to uninstall the previous version manually. It will override the previous version automatically.
Just for your future help: To build you first app in Ionic, You might need to update jdk to 1.8, sdk to latest one from sdk manager (no need to change target sdk) and the first build will download a number of Gradle files, so, good Internet connection is needed.

update to the latest ionic version

after ionic team has officially released ionic 1.2 versions
I checked
ionic -v
command to get my current version and I found it 1.7.12, then I did
npm install -g ionic
hopefully to update my current version and it just still on the previous version 1.7.12, so what is just the command I have to run to get the ionic 1.2 instead of ionic 1 which I already have now?
It is not a bug in npm, the 1.7.12 version that is shown when you run:
ionic -v
1.7.12
is the ionic-cli version, the command line utility, you can find it here: https://www.npmjs.com/package/ionic
The ionic 1.2 version that you are expecting, is the ionic framework version: http://code.ionicframework.com/# latest is 1.2.4 - Copenhagen
If you want to check the framework version that your app is running, go to your app directory and type:
ionic lib
Local Ionic version: 1.2.4 (<path>/myApp/www/lib/ionic/version.json)
Latest Ionic version: 1.2.4 (released 2016-01-08)
* Local version up to date
It may be bug with npm.
First Uninstall ionic and cordova using
npm uninstall cordova ionic
Then update node and npm
Install cordova and ionic
npm install -g cordova ionic
Check the version.
you can always run
sudo npm uninstall -g ionic && sudo npm install ionic