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.

10

Which kind or app did you create? (framework, template, etc.)
I’ve just created an angular, ngModules, tabs app and it’s using Ionic 8.

The starters were updated 3 weeks ago.