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

朴灿烈づ我的快乐病毒、 2022-05-17 12:14 206阅读 0赞

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);