How to solve Vue.js template error? Solutions to Vue.js template error reports

This article brings you how to solve Vue.js template errors? The solution to Vue.js template error reporting has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1. Error description

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. Error reason

I am using the Muse-UI component, but this component is not installed, nor is this component introduced, resulting in Not found

3. Solution

(1) Install Muse-UI

npm i muse-ui -S

(2) Introduce Muse-UI

import MuseUI from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';

Vue.use(MuseUI);

Related Recommended:

How to debug js? How to debug js using breakpoints

js compatibility issues: Summary of js event compatibility methods (with examples)

Native js versus DOM What can be done? How to operate dom using native js

The above is the detailed content of How to solve Vue.js template error? Solutions to Vue.js template error reports. For more information, please follow other related articles on the PHP Chinese website!