How to better debug this warning? [Vue warn]: Failed to resolve component: ion-card-header

Ionic Framework Ionic Vue
2

it just means that you haven’t included the component in the components section of the vue component.

So you need to import it AND and it to the components

<script lang="ts">
import {
  IonPage,
  IonHeader,
  IonToolbar,
  IonTitle,
  IonButton,
  IonItem,
  IonContent,
  IonCard,
  IonCardContent,
  IonCardHeader,  // <== HERE
  IonInput,
} from "@ionic/vue";
import { defineComponent, computed, ref } from "vue";
import { useStore } from "vuex";

export default defineComponent({
  name: "Home",
  components: {
    IonPage,
    IonHeader,
    IonToolbar,
    IonTitle,
    IonButton,
    IonItem,
    IonContent,
    IonCard,
    IonCardContent,
    IonCardHeader, ,  // <== AND HERE
    IonInput,
  },
1 Like