这是因为识别不了某个标签报错，可能原因有二：
一是没有引入相应组件。
二是相应标签写错了。
第一种情况
非 template/render 模式下，应该都引用了iview的js文件，所以不存在引入组件的问题，那就是标签写错了。
第二种情况
因为工程模式和非工程模式，很多标签写法不一样，这里就是因为这个TabPane写法不同引起的错误。而官网上貌似没有把所有写法有差异的标签标注。
在标签页组件中，主要有两个标签，Tabs和TabPane，其中Tabs在两种模式写法一样，TabPane在非工程模式下写作：tab-pane，代码如下：
<Tabs value="name1"> <tab-pane label="标签一" name="name1">标签一的内容</tab-pane> </Tabs>
另外记录下所有标签差异：
这些差异化整理是别人做的，原文链接：iview差异化标签
以下组件，在非 template/render 模式下组件名要‘-‘分隔：
1 DatePicker：date-picker
2 FormItem：form-item
3 CheckboxGroup：checkbox-group
4 InputNumber：input-number
5 BreadcrumbItem:breadcrumb-item
以下组件，在非 template/render 模式下，需要加前缀 i-：
Button: i-button
Col: i-col
Table: i-table
Input: i-input
Form: i-form
Menu: i-menu
Select: i-select
Option: i-option
Progress: i-progress
Header:i-header
Content:i-content
Footer:i-footer
Switch: i-switch
Circle: i-circle
以下组件，在非 template/render 模式下， 组件写法不变，如
<Card>
<Checkbox>
<Row>
<Sider>
<Layout>
<Submenu>
<Panel>
<Collapse>
<Divider>
<CellGroup>
<Cell>
<Badge>
<Tabs>
<Radio>
<Dropdown>
<Breadcrumb>
<Page>
<Modal>
以下组件，在非 template/render 模式下，需要加前缀 xxx-yyy：
BreadcrumbItem:breadcrumb-item
MenuGroup : <menu-group>
Menu-Item : <menu-item>
RadioGroup : <radio-group>
TabPane : <tab-pane>
DropdownMenu : <dropdown-menu>
DropdownItem : <dropdown-item>
————————————————
版权声明：本文为CSDN博主「zjsj_lize」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zjsj_lize/article/details/107247072