Ionic template parse error and Ionic version issue

Ionic Framework ionic-v3
1

I’m getting the error:
ion-select-option’ is not a known element.

This works:

<ion-item>
<ion-label>Gender</ion-label>
<ion-select placeholder="Select One">
<ion-option value="f">Female</ion-option>
<ion-option value="m">Male</ion-option>
</ion-select>
</ion-item>

But this does not work:
<ion-item>
<ion-label>Gender</ion-label>
<ion-select placeholder="Select One">
<ion-select-option value="f">Female</ion-select-option>
<ion-select-option value="m">Male</ion-select-option>
</ion-select>
</ion-item>

(I’m looking for an Ionic form select option that does not do the pop-up, but acts similar to regular HTML single form select. I’m not sure if Ionic offers such option, that is why I’m trying ion-select-option.)

After doing some research on different forum, I see the recommendation that I should update my Ionic to 4.0+ in order to be able to use ion-select-option.

I’m new to npm and confused. When I run npm outdated, I see that I’m running @ionic-native/core 4.4.0:

# npm outdated
Package Current Wanted Latest Location
@ionic-native/core 4.4.0 4.20.0 5.18.0 cart

But when I get the Error: Template parse errors and Ionic versions, at the bottom of the browser page, it gives me these version information:

Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.4
Angular Core: 5.0.3

I really appreciate any help on this.

  1. Why the bottom of the browser (when error) says that I’m running Ionic Framework 3.9.2, but when I run npm outdated, it shows that I’m running @ionic-native/core 4.4.0?
  2. Does Ionic offers a select option similar to HTML select rather than POP up radio button?