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

Question

问题描述

开发项目中使用了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的其他模块，并没有出现错误或警告。

这里想请教大家有没有遇到类似问题，该如何解决？

Answer 1

提示都给你了，只是没引入Option组件而已。。。import&nbsp;{Message,&nbsp;Select,&nbsp;Option,&nbsp;Cascader}&nbsp;from&nbsp;'element-ui';