Ionic 8 is here!

Ionic Framework
1

Originally published at: https://ionic.io/blog/ionic-8-is-here

What’s new in Ionic 8? Enhancements to theming, accessibility, revised iOS designs, a new Picker experience, and a new password toggle component.

6 Likes
2

Hi, congrats!

If one wanted to pick up Ionic 8 in a new project, how would it be done?
I did:

npm install @ionic/angular@next
npm install @ionic/core@next

but when I create a new project with ionic start, I get this ionic info, which I think is not using Ionic 8 (but using 7.8.5 perhaps):

% ionic info     

(...)

Ionic:

   Ionic CLI                     : 7.2.0 (/opt/homebrew/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 7.8.5
   @angular-devkit/build-angular : 17.3.5
   @angular-devkit/schematics    : 17.3.5
   @angular/cli                  : 17.3.5
   @ionic/angular-toolkit        : 11.0.1

Capacitor:

   Capacitor CLI      : 6.0.0
   @capacitor/android : not installed
   @capacitor/core    : 6.0.0
   @capacitor/ios     : not installed

Utility:

   cordova-res : 0.15.4
   native-run  : 2.0.1

System:

   NodeJS : v21.7.3 (/opt/homebrew/Cellar/node/21.7.3/bin/node)
   npm    : 10.5.0
   OS     : macOS Unknown

Thanks!

3

Try again using ionic start. It looks like the Ionic 8 starters failed to deploy earlier, but they should be good now.

4

That was it, thank you Liam!

PS: Now ionic info shows:

   Ionic Framework               : @ionic/angular 8.0.0
1 Like
5

Could you explain a little more please. I have an Ionic 7.2.0 project. How can I upgrade it to 8.

I followed

npm install @ionic/angular@next
npm install @ionic/core@next

But seems its still 7.2.0. Please help

6

Try installing from the latest tag instead of next. The migration guide was still referring to the beta update steps.

7 
Ionic:

   Ionic CLI                     : 7.2.0 (/Users/---/.nvm/versions/node/v20.11.1/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 8.0.1
   @angular-devkit/build-angular : 17.3.5
   @angular-devkit/schematics    : 17.3.5
   @angular/cli                  : 17.3.5
   @ionic/angular-toolkit        : 11.0.1

Capacitor:

   Capacitor CLI      : 6.0.0
   @capacitor/android : 6.0.0
   @capacitor/core    : 6.0.0
   @capacitor/ios     : 6.0.0

Utility:

   cordova-res : not installed globally
   native-run  : 2.0.1

System:

   NodeJS : v20.11.1 (/Users/---/.nvm/versions/node/v20.11.1/bin/node)
   npm    : 10.2.4
   OS     : macOS Unknown

Thank you. I tried with latest, and still 7.2.0.

8

That’s the Ionic CLI version. The information you posted there indicates you are on Ionic Framework v8.0.1.

9

Hello, how great.

Using @ionic/cli start is not yet using the new starter with v8. I think they need to be updated on the download server.