如何解决Vue.js模板报错的问题

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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsLeft.vue
       <App> at srcApp.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 srccomponentsTop.vue
       <App> at srcApp.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 srccomponentsTop.vue
       <App> at srcApp.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 srccomponentsTop.vue
       <App> at srcApp.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 srccomponentsTop.vue
       <App> at srcApp.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);