[Ionic v4] Property 'push' does not exist on type 'NavController'.

I know a lot have changed with Navigation in Ionic 4, and the NavController is not the same.

However, in the official migration guide, it is stated that the old NavController from Ionic 3 could still be used for backward compatibility.

If I understand correctly, in a fresh Ionic 4 project, the new NavController is imported by default. So for instance when I write this code :

this.navCtrl.push(ProductDetailPage, {'product' : product});

I end up with this error

Property ‘push’ does not exist on type ‘NavController’.

How can we use the old NavController in a Ionic 4 project ?

[Devqon]

I think what they mean with ‘backward compatibility’, is that you can still use the NavController. The function names however have been changed. navCtrl.push(..) becomes navCtrl.goForward(..) and navCtrl.pop() because navCtrl.goBackward(..)

[nilebma]

Thanks @Devqon for this suggestion. However, navCtrl.push(..) and navCtrl.goForward(..), even if they share the same intent, are very different :

• their signatures are not the same, with navCtrl.goForward(..) the parameter is an url related to the part off the application you want to go, and with navCtrl.goForward(..) you directly use the class of the page to open.
• they do different things : the navCtrl.push(..) was here to interact with old the old navigation system made by Ionic, and navCtrl.goForward(..) is here to facilitate the interaction with the Angular Routing system.