错误:未知的自定义元素(仅用于某些组件)

Question

当试图在ForgotPassword.vue中导入Login.vue时，我会得到以下错误。Tooltip.vue可以导入而不会出错吗？我搞不懂我在做什么。我以前也遇到过类似的问题。有时，我会随机地得到这个错误(它是断断续续的)：

[Vue warn]: Unknown custom element: <forgot-password> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Login> at src/components/register/Login.vue
       <Register> at src/views/Register.vue
         <App> at src/App.vue
           <Root>

Login.vue：

<template>
  <div id="login">
    <tooltip />
    <forgot-password />
  </div>
</template>

import {
  Tooltip,
  ForgotPassword
} from '@/components'

export default {
  components: {
    Tooltip,
    ForgotPassword
  }
}

ForgotPassword.vue (不使用道具名称，但也尝试过了)。不需要用于其他类似的工作组件)：

<template>
  <div id="forgot-password">
    ouch..
  </div>
</template>

组件/index.js(用于分组导入)：

import Tooltip from './Tooltip.vue'
import ForgotPassword from './ForgotPassword.vue'

export {
  Tooltip,
  ForgotPassword
}

Answer 1

您正在导出ForgetPassword并导入ForgotPassword.换一个