問題描述

開發(fā)項(xiàng)目中使用了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模塊有關(guān)，所以最開始我以為是Select模塊的問題，所以我就把Select模塊禁用了。

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

雖然沒有報錯，但是Message的警告樣式會在我頁面一刷新時就出現(xiàn)，正常情況下應(yīng)該在觸發(fā)事件時才出現(xiàn)。

然后我又禁用了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模塊挑出來單獨(dú)引入，沒有報錯并且顯示正常。

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

但是會出現(xiàn)‘element-ui’多次入口的警告。

這里要提一下，我在多個頁面都按需加載了elementUI的其他模塊，并沒有出現(xiàn)錯誤或警告。

這里想請教大家有沒有遇到類似問題，該如何解決？