时间戳

首页 > 解决方案 > 离子模板解析错误、离子选择、npm 和离子版本

angular - 离子模板解析错误、离子选择、npm 和离子版本

问题描述

我收到错误消息：ion-select-option' 不是已知元素。

这有效：

  <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>

但这不起作用：

  <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>

（离子选项确实会弹出单选按钮，我正在寻找一个不会弹出的 Ionic 表单选择选项，但其作用类似于常规 HTML 单表单选择。我不确定 Ionic 是否提供这样的选项，这就是我尝试离子选择选项的原因。）

在对不同的论坛进行了一些研究之后，我看到了我应该将 Ionic 更新到 4.0+ 以便能够使用 ion-select-option 的建议。

我是 npm 的新手并且很困惑。当我运行 npm outdated 时，我看到我正在运行 @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

但是当我得到错误：模板解析错误和离子版本时，在浏览器页面的底部，它给了我这些版本信息：

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

我真的很感激这方面的任何帮助。

  1. 为什么在浏览器底部（出现错误时）说我正在运行 Ionic Framework 3.9.2，但是当我运行 npm outdated 时，却显示我正在运行 @ionic-native/core 4.4.0？
  2. Ionic 是否提供类似于 HTML 选择而不是弹出单选按钮的选择选项？

标签： angularionic-frameworknpmionic3

解决方案

您正在使用离子 3。

离子-v3离子选择示例：

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

例如 ionic-v4离子选择：

  <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>

在 ionic 3 和 4 中，两者都有不同的成分，它们不能相互配合。如果您想更新 ionic，请使用此 cmd：

npm i -g ionic

或者想安装特定版本试试这个

npm i -g ionic@here your version number

前任：npm i -g ionic@4.12

但就您而言，您使用的是 ionic-v3.9.2。所以你可以使用 ionic 3，很好，v3.9 是一个稳定的版本。

推荐阅读