How to update the Ionic in the existing project?

ionic-v1
1

Hello guys,

The Ionic is awesome, but now, when it’s released, i have a trouble. Explain please: how could i update the ionic project? i have not finished the one and want to update the framework. But i haven’t found any ideas how to update it without starting a new one.

Thanks!

3 Likes
2

I downloaded the latest version from the main site, which contains the css, fonts, and js files. Put the files you downloaded into the www/lib directory to update. I don’t see a way to use the CLI tool to do this yet based on the CLI help, though I haven’t looked into the source code.

1 Like
3

That’s great idea, thank you! I’ll try this way. But it will be a great deal if we will have a CLI way…

1 Like
4

I’m also interested in this topic. Same reason here, I’m developing an app using Ionic 0.9.24 and i will be upgrading to 1.0.0 in the next days. The best references to do this I think are the sections “Breaking changes / Migration guide” in the Changelog

But the task is maybe kinda challenging. The only two possible ways to get this done are

  1. Fix line by line, template by template, from the main one to the rest of starting with the index.html. Introducing once fix at the same time and testing.
  2. Start a new project with the new version and go adding gradually the code, making here each fix.

It isn’t a trivial task if you have used a lot of components (side menus, tabs, headers, scroll contents, lists, cards, etc) all in one app. May be the fastest and most secure option is starting a new project.

What do you think? Thanks in advance,

Cheers

5

Based on the document:

Updating Ionic

To update to a new version of Ionic, open bower.json and change the version listed there.

For example, to update from version 1.0.0-beta.4 to 1.0.0-beta.5, open bower.json and change this:

"ionic": "driftyco/ionic-bower#1.0.0-beta.4"

To this:

"ionic": "driftyco/ionic-bower#1.0.0-beta.5"

After saving the update to bower.json file, run gulp install.

Alternatively, install bower globally with npm install -g bower and run bower install.

11 Likes
6

I’ve tried this - “gulp install” , and after installing what seemed like 10000’s of extra plugins, I’ve finally got the point where it runs… but bombs out with…

The version IS the same as current Beta, but I want to get it set up properly before I import my existing code base…
bower cached git://github.com/driftyco/ionic-bower.git#1.0.0-beta.9
bower validate 1.0.0-beta.9 against git://github.com/driftyco/ionic-bower.g
it#1.0.0-beta.9
bower not-cached git://github.com/angular-ui/ui-router.git#0.2.10
bower resolve git://github.com/angular-ui/ui-router.git#0.2.10
bower cached git://github.com/angular/bower-angular.git#1.2.20
bower validate 1.2.20 against git://github.com/angular/bower-angular.git#~1
.2.17
bower cached git://github.com/angular/bower-angular-animate.git#1.2.20
bower validate 1.2.20 against git://github.com/angular/bower-angular-animat
e.git#~1.2.17
bower cached git://github.com/angular/bower-angular-sanitize.git#1.2.20
bower validate 1.2.20 against git://github.com/angular/bower-angular-saniti
ze.git#~1.2.17
bower ENORESTARGET No tag found that was able to satisfy 0.2.10

Additional error details:
No versions found in git://github.com/angular-ui/ui-router.git

7

Hi,

1.Download latest ionic by using
npm install -g ionic
2. Goto the root of your project and run this command
ionic lib update

19 Likes
9

This has to be run as an admin: sudo npm install -g ionic

2 Likes
10 
$ ionic lib update

See doc on GitHub

12 Likes
11

This method doesn’t work on Windows, at least mine. Each time, each CLI version, the lib update causes that corrupted files are installed and manual update must be performed.

12

Yes, there’s constantly some trouble when updating from the CLI in windows.

For this last update, even the npm install -g ionic didn’t work, I got a warning: “package.json github-url-grom-git@1.1.1 No repository field.”

The manual installation was the only way.

13

Well, Thats all I did to update my Ionic (which is actually about updating “lib” folder under “www” directory).

14

Hi guys, this is based off a reply I did in another post, but I was unable to successfully use “ionic lib update” to update version 13 to version 14 without doing the below steps. (Before doing the below steps, ionic lib update would always just return beta version 13, which was the current installed for the project).

First off, I changed the bower.json file in the root folder of project / to be ionic version 14:

{
  "name": "flight",
  "private": "true",
  "devDependencies": {
    "ionic": "driftyco/ionic-bower#1.0.0-beta.14"
  }
}

Which worked fine for me, however, the problem I ran into is that version 14 uses a new version of angular which caused me a lot of problems with the second bower.json file in /www/lib/ionic. Instead of trying to resolve all the new versions within that file, I removed the second bower.json file contained within ionic folder, using these commands:

git rm .bower.json
git rm bower.json

So, after modifying the root bower.json and deleting all the bower.json files in the ionic folder, then I navigated back to the root folder and ran ionic lib update. Then, it asked me if I wanted to proceed (yes) and this was the result:

Unable to load ionic lib version information
Are you sure you want to replace /ionic/flight_test_beta14/www/lib/ionic with an updated version of Ionic?
(yes/no): yes
Latest version: 1.0.0-beta.14  (released 2014-12-15)
Downloading: https://github.com/driftyco/ionic-bower/archive/v1.0.0-beta.14.zip
Ionic version updated to: 1.0.0-beta.14

This seems to have worked for me. Note, that there is no bower.json file in the new structure located in the /www/lib/ionic folder, now it is version.json and correctly shows the new version:

{
  "version": "1.0.0-beta.14",
  "codename": "magnesium-mongoose",
  "date": "2014-12-15"
}

Also I had to remove any dependencies that were not compatible with Angular 1.3 in my root bower.json before this would work properly.

I hope this helps anyone struggling to update their project the new version of Ionic Beta 14!

4 Likes
15

Thanks!!! that worked for me!!!

16

hi,gnomeontherun.Could you tell me how to update the file which lasted version through put it into the www/lib directory?Thanks . I feel sorry for my poor english.

17

The CLI now has a way to update. Just run this command.

ionic lib update
1 Like
18

it is not work for created project.

20

This way to resolve my issue: modify “driftyco/ionic-bower#1.0.0-beta.14” to “driftyco/ionic-bower#1.0.0-rc.0” info in bower.json file which on the second directory of project directory.Then run “ionic lib update” with CLI in the project directory. So thank you! The last,i feel sorry for my poor english. : )

2 Likes
21

“ionic lib update” actually didn’t work for me.
It did update in the top-level bower.json but the lib under www/lib was still the old one.

“bower update” didn’t help either.
But deleting entirely the www/lib folder and calling “bower install” correctly loaded the latest version.
Not sure what was wrong… I’ll check if “ionic lib update” works next time.

22

ionic lib update from the root directory worked for me when I upgraded from beta to the main release! :slight_smile:

2 Likes