配置了'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/數(shù)據(jù)中心/data-center.vue
       <Index> at src/views/index.vue
         <App> at src/app.vue

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

我嘗試過在全局配置：

Vue.component("Tabpane", Tabpane);

還是沒有作用。
請問這個怎么解決呢 ?