如何解決Vue.js模板報錯的問題
阿新 • • 發佈：2018-12-24
1、錯誤描述
log.js?1afd:24 [HMR] Waiting for update signal from WDS... vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-col> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-list-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Left> at src\components\Left.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-appbar> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Top> at src\components\Top.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Top> at src\components\Top.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-chip> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Top> at src\components\Top.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-avatar> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Top> at src\components\Top.vue <App> at src\App.vue <Root> warn @ vue.runtime.esm.js?2b0e:587 vue.runtime.esm.js?2b0e:8010 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools
2、錯誤原因
在使用Muse-UI元件，但是沒有安裝這個元件，更沒有引入這個元件，導致出現了找不到
3、解決辦法
（1）安裝Muse-UI
npm i muse-ui -S（2）引入Muse-UI
import MuseUI from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';
Vue.use(MuseUI);