Vue warn: неизвестный пользовательский элемент:- правильно ли вы зарегистрировали компонент? - PullRequest
Новая
       7

Vue warn: неизвестный пользовательский элемент:- правильно ли вы зарегистрировали компонент?

1 голос
/ 20 сентября 2019

Я пытаюсь исправить следующую ошибку компонента, но она все еще не работает.Ошибка следующая:

[Vue warn]: Неизвестный пользовательский элемент "education-item": - вы правильно зарегистрировали компонент?Для рекурсивных компонентов обязательно укажите опцию «имя».

В моем компоненте пароля, следующий скрипт, у меня есть следующее: 

<template>
<b-list-group class="education-list">
        <b-list-group-item
          class="align-items-start"
          v-for="(education, i) in educations"
          is="education-item"
          :key="i"
          :institute="education.institute"
          :major="education.major"
          :from="education.from"
          :to="education.to"
          @click:edit="education.splice(_id, 1)"
        >
          <div class="row" id="edu-item">
            <div class="eduimg col-md-2 pl-2 pt-2">
              <span class="dot"></span>
              <img class="dot-line" src="../../assets/line.png" />
            </div>
            <div class="col-md-10 pl-0 pr-0">
              <div class="eduinfo" id="eduinfo">
                <h6 class="institute font-weight-bold mt-2 mb-0">{{ education.major }}</h6>
                <p class="mb-0">{{ education.institute }}</p>
                <p class="mb-3">{{ education.from + " - " + education.to }}</p>
              </div>
            </div>
          </div>
        </b-list-group-item>

</template>

<script>
import AddEducationForm from "@/components/form/AddEducationForm";
import MainButton from "@/components/common/ui/main-button";

export default {
  name: "my-education",
  components: {
    AddEducationForm,
    MainButton,
  },
  props: {
    education: Object

  },
  data() {
    return {
      modal: false,
      isLoading: false,
      isEditing: false
    };
  },
  methods: {},
  computed: {
    isOwnProfile() {
      return this.profile.user._id === this.$store.getters.loggedInUser._id;
    },

    educations() {
      return this.$store.getters.profile.education;
    }
  }
};
</script>

Проблема в том, чтоvue компонент не загружается при открытии страницы, и ошибка исчезает при обновлении.

Может кто-нибудь помочь мне с тем, как я могу исправить?Буду признателен, если кто-нибудь сможет мне помочь с этим вопросом.

1 Ответ

0 голосов
/ 20 сентября 2019

Добавьте оператор импорта прямо внутри тега <script> следующим образом: 

import EducationItem from 'wherever/your/component/is';

А затем добавьте его в определение компонентов следующим образом: 

 components: {
    AddEducationForm,
    MainButton,
    EducationItem
  },
...