配置了'i-tab-pane': Tabpane还是报错，配置代码如下

<template>
  <div class="page-common">
    <i-tabs>
      <i-tab-pane label="微信号备份">
        内容
      </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/数据中心/data-center.vue
       <Index> at src/views/index.vue
         <App> at src/app.vue

我把我的demo项目放在了GitHub地址：
https://github.com/liaodalin1...

我尝试过在全局配置：

Vue.component("Tabpane", Tabpane);

还是没有作用。
请问这个怎么解决呢 ?