为了账号安全,请及时绑定邮箱和手机立即绑定

vue中按需加载element-ui模块报错

vue中按需加载element-ui模块报错

达令说 2018-09-08 16:06:40
问题描述开发项目中使用了vue+element-ui,在按需加载elementui模块时这样写就会报错,我加载了以下三个模块。import {Message, Select, Cascader} from 'element-ui';控制台报错:[Vue warn]: Unknown custom element: <el-option> - did you register the component correctly? For recursive components, make sure to provide the "name" option.上面提示的错误是与Select模块有关,所以最开始我以为是Select模块的问题,所以我就把Select模块禁用了。import { Message, Cascader } from 'element-ui';虽然没有报错,但是Message的警告样式会在我页面一刷新时就出现,正常情况下应该在触发事件时才出现。然后我又禁用了Message模块,报了同样的错误。控制台报错:[Vue warn]: Unknown custom element: <el-option> - did you register the component correctly? For recursive components, make sure to provide the "name" option.之后我又多次尝试各种写法,最后我将Message模块挑出来单独引入,没有报错并且显示正常。import Message from 'element-ui';import { Select, Cascader } from 'element-ui';但是会出现‘element-ui’多次入口的警告。这里要提一下,我在多个页面都按需加载了elementUI的其他模块,并没有出现错误或警告。这里想请教大家有没有遇到类似问题,该如何解决?
查看完整描述

1 回答

?
千巷猫影

TA贡献1829条经验 获得超7个赞

提示都给你了,只是没引入Option组件而已。。。

import {Message, Select, Option, Cascader} from 'element-ui';


查看完整回答
1 反对 回复 2018-09-09
  • qq_慕沐3393688
    qq_慕沐3393688
    没引入Option之前 代码: import { Button,Select} from 'element-ui'; Vue.use(Button) Vue.use(Select) 报错:1.nknown custom element:<el-option> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 2.Unknown custom element: <el-row> - did you register the component correctly? For recursive components, make sure to provide the "name" option. ------------------- 引入Option 代码:import { Button,Option,Select} from 'element-ui'; Vue.use(Button) Vue.use(Select) Vue.use(Option) 报错:Unknown custom element: <el-row> - did you register the component correctly? For recursive components, make sure to provide the "name" option. ------------ 只把 Select 的报错去掉了 ,我引入其它的 也报错 ,为甚莫
  • 1 回答
  • 0 关注
  • 17153 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信