问题描述
开发项目中使用了vue+element-ui,在按需加载elementui模块时这样写就会报错,我加载了以下三个模块。
import {Message, Select, Cascader} from 'element-ui';
控制台报错:[Vue warn]: Unknown custom element: - 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: - 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的其他模块,并没有出现错误或警告。
这里想请教大家有没有遇到类似问题,该如何解决?