iview4.0.2找不到Submenu,使用存在的MenuSub代替运行时报错Unknown custom element

Question

问题描述

下载了最新的iview4.X(view-design),npm ls view-design
==> view-design@4.0.2
在使用Submenu元素时发现找不到该元素，idea提示MenuSub，使用MenuSub元素运行时报错Unknown custom element: <MenuSub>。

问题出现的环境背景及自己尝试过哪些方法

使用vue init webpack xxx搭建的前端项目，npm install view-design --save安装的iview最新包view-design@4.0.2

相关代码

引入情况如下：
import { Menu, MenuItem, Icon, MenuGroup, MenuSub, RadioGroup, Radio } from 'view-design'

export default {
...,
components: { Menu, MenuItem, Icon, MenuGroup, MenuSub, RadioGroup, Radio },
...
}
使用情况如下(官网Menu第一个示例，只把Submenu替换成了MenuSub):
<template>
<Menu mode="horizontal" :theme="theme1" active-name="1">

<MenuItem name="1">
  <Icon type="ios-paper" />
  内容管理
</MenuItem>
<MenuItem name="2">
  <Icon type="ios-people" />
  用户管理
</MenuItem>
<MenuSub name="3">
  <template slot="title">
    <Icon type="ios-stats" />
    统计分析
  </template>
  <MenuGroup title="使用">
    <MenuItem name="3-1">新增和启动</MenuItem>
    <MenuItem name="3-2">活跃分析</MenuItem>
    <MenuItem name="3-3">时段分析</MenuItem>
  </MenuGroup>
  <MenuGroup title="留存">
    <MenuItem name="3-4">用户留存</MenuItem>
    <MenuItem name="3-5">流失用户</MenuItem>
  </MenuGroup>
</MenuSub>
<MenuItem name="4">
  <Icon type="ios-construct" />
  综合设置
</MenuItem>

</Menu>
</template>

你期待的结果是什么？实际看到的错误信息又是什么？

请问大家使用中遇到过这种情况吗？view-design@4.0.2中找不到的SubMenu是被MenuSub取代了吗？我又该如何正确使用SubMenu或MenuSub？

Answer 1

尴尬，是复制过来的Submenu不知道怎么变成了SubMenu，idea提示没找到，自动提示出MenuSub这个玩意，结果有了后续的。。。
使用<Submenu>是正常的。打扰。