Vue.js 您是否正确注册了组件对于递归组件，请确保提供名称选项

<template>
  <div class="page-common">
    <i-tabs>
      <i-tab-pane label="wx">
        content
      </i-tab-pane>
    </i-tabs>
  </div>
</template>

<script>

  import {
    Tabs,
    Tabpane
  } from 'iview'

  export default{
    name:"data-center",
    data(){
      return {msg: 'hello vue'}
    },
    components: {
      'i-tabs' : Tabs,
      'i-tab-pane': Tabpane
    }
  }
</script>

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

found in

---> <DataCenter> at src/views/dc/data-center.vue
       <Index> at src/views/index.vue
         <App> at src/app.vue

Vue.component("Tabpane", Tabpane);

components: {
      'i-tabs' : Tabs,
      'i-tab-pane': Tabpane
    }

name: 'Tabpane'

Vue.js相关问答推荐

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义？

从组件中检索 Shopware CMS 编辑器中的自定义实体数据

在 Vue 中删除自定义组件代码重复的方法？

为什么将 name 与 router-link 一起使用比仅使用 to 与 path 更好？

组合 API ｜ Vue 路由参数没有被监视

使用 Nuxt 动态获取文件夹中的图像路径

我可以从手表调用方法并安装吗？

[Vue 警告]：渲染函数中的错误：TypeError：无法读取属性 'first_name' of null

如何根据生产或开发模式读取不同的 .env 文件？

Vue @click 不适用于存在 href 的anchor锚标记

vuex： unknown getter： user

等待来自 WDS 的更新信号

Vuejs模板继承

如何在生产模式下为 chrome 扩展启用 Vue devtools？

在 .vue 文件中使用 Vue.set() 和 Vue.use()

Vue CLI 3 sass-resources-loader - Options.loaders 未定义

VueJS错误避免直接改变props

v-for 中的计算(Computed)/动态(Dynamic) v-model 名称

Vue Router beforeRouteLeave 不会停止子组件

使用 CloudFront 部署在 S3 上的 VueJS 应用程序的指定的密钥不存在