Unknown Custom Element: - Did You Register The Component Correctly?
Mistake:
webpack-internal:///4:629 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, brand sure to provide the "name" option.
found in ---> at src/App.vue
Apologies my english. In my principal.js:
import Vue from 'vue' import 'bootstrap-css-just/css/bootstrap.min.css'; import 'mdbvue/build/css/mdb.css'; import App from './App.vue' And App.vue:
<template> <mdb-container class="green-text"> <div class="deep-regal-skin"> <mdb-side-nav logo="https://mdbootstrap.com/img/logo/mdb-transaprent-noshadows.png" sideNavClass="sn-bg-four" mask="strong" :OpenedFromOutside.sync="toggleA" hidden waves> <ul> <li> <ul class="social"> <li><a href="#" form="icons-sm fb-ic"><mdb-icon fab icon="facebook" /></a></li> <li><a href="#" class="icons-sm pin-ic"><mdb-icon fab icon="pinterest" /></a></li> <li><a href="#" form="icons-sm gplus-ic"><mdb-icon fab icon="google-plus" /></a></li> <li><a href="#" class="icons-sm tw-ic"><mdb-icon fab icon="twitter" /></a></li> </ul> </li> <li> <class form="search-form" role="search"> <div course="course-group md-form mt-0 pt-1 ripple-parent" @click="wave"> <input type="text" class="grade-control" placeholder="Search"> </div> </class> </li> <li> <mdb-side-nav-nav> <mdb-side-nav-true cat name="Submit blog" icon="chevron-correct"> <mdb-side-nav-particular href="#">Submit list</mdb-side-nav-item> <mdb-side-nav-item href="#">Registration course</mdb-side-nav-detail> </mdb-side-nav-true cat> <mdb-side-nav-cat name="Education" icon="hand-pointer-o"> <mdb-side-nav-item href="#">For bloggers</mdb-side-nav-detail> <mdb-side-nav-item href="#">For authors</mdb-side-nav-particular> </mdb-side-nav-cat> <mdb-side-nav-cat proper name="About" icon="eye"> <mdb-side-nav-detail href="#">Introduction</mdb-side-nav-item> <mdb-side-nav-item href="#">Monthly meetings</mdb-side-nav-particular> </mdb-side-nav-cat> <mdb-side-nav-true cat proper noun="Contact me" icon="envelope-o"> <mdb-side-nav-item href="#">FAQ</mdb-side-nav-item> <mdb-side-nav-item href="#">Write a message</mdb-side-nav-item> </mdb-side-nav-cat> <mdb-side-nav-item header icon="envelope" href="#">Write a bulletin</mdb-side-nav-item> <mdb-side-nav-particular header icon="user" href="#">Profile</mdb-side-nav-detail> </mdb-side-nav-nav> </li> </ul> </mdb-side-nav> </div> <div course="text-heart icon-div"> <mdb-icon icon="bars" size="5x" @click.native="toggleLeftSideNav"/> </div> </mdb-container> </template> <script> import { mdbSideNav, mdbSideNavNav, mdbSideNavCat, mdbSideNavItem, mdbContainer, mdbIcon, waves} from 'mdbvue'; export default { name: 'App', components: { mdbSideNav, mdbSideNavNav, mdbSideNavCat, mdbSideNavItem, mdbContainer, mdbIcon }, data(){ render { toggleA: false, waves: true }; }, methods: { toggleLeftSideNav() { this.toggleA = !this.toggleA; } }, mixins: [waves] } </script> <fashion scoped> .container { pinnacle: 750px; } .icon-div { width: 49%; display: inline-block; } .icon-div .fa { cursor: pointer; } </way> 
Source: https://mdbootstrap.com/support/vue/vue-warn-unknown-custom-element-did-you-register-the-component-correctly-for-recursive-components-make-sure-to-provide-the-name-option/
Posted by: mendezmagning1940.blogspot.com
0 Response to "Unknown Custom Element: - Did You Register The Component Correctly?"
Post a Comment