iview 中按需引入组建时，引入ListI、ListItem、ListItemMeta 失败

Question

import List from 'view-design'
import ListItem from 'view-design'
import ListItemMeta from 'view-design'

  Vue.component('ListItem', ListItem);
  Vue.component('ListItemMeta', ListItemMeta);
  Vue.component('List', List);

报错

`[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <List>
`
就很奇葩。。我看iview github上有个这个issue被关闭了，求解决方法。。

Answer 1

如果是引用失败问题，可以试试这个办法:

import List from 'view-design';
Vue.component('List', List);
Vue.component('ListItem', List.Item);
Vue.component('ListItemMeta', List.Item.Meta);

以上结果可以通过查看view-design的List源码得出,也可以直接打印List在控制台观察它的结构。

Answer 2

解决了没有我也碰到同样的问题