Unknown custom element:xxx-did you register the component correctly

 

在运行vue项目得时候,会引入组件element-UI,然后在引入组件得时候出错了: 错误信息如下 Unknown custom element: - did you register the component correctly?

报错原因,忘记注册组件了,所以要记得,引入组件之后要还要注册组件。

解决办法:打开入口文件main.js,添加一下代码即可。

全局注册组件:

import ElementUI from 'element-ui' //element-ui的全部组件
import 'element-ui/lib/theme-chalk/index.css'//element-ui的css
Vue.use(ElementUI) //使用elementUI

按需注册:

因为element-UI全部注册得话比较占内存空间,运行起来可能会比较慢,所以可以按需注册。


import {
	Button, Container, Select, Option, Cascader, Input, Table, TableColumn, TimePicker, DatePicker, Upload, 
	Form, FormItem, Pagination, Menu, Message, Notification,Dialog,Tree,
	Checkbox, CheckboxGroup, Submenu, MenuItem, Tabs, TabPane, Radio, RadioGroup,
	Loading,RadioButton, MessageBox, Collapse, CollapseItem,
	Carousel, CarouselItem,
	Autocomplete, Popover
} from 'element-ui';


// 注册到全局
Vue.use(Button)
// Vue.use(Layout)
Vue.use(Container)
Vue.use(Input)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
本文为博主原创文章,知识共享,开源精神,转载注明出处。