[Vue warn]: Unknown custom element:


Topic: [Vue warn]: Unknown custom element:

jay2jam pro asked 6 years ago

Hello,

i created a Vue component an copied the teal footer code in it, now i get this messages:

 

[Vue warn]: Unknown custom element: <mdb-footer>

Unknown custom element: <mdb-container>

Unknown custom element: <mdb-row>

Unknown custom element: <mdb-col>

and so on ....

 

What do i have to do?

 

Rgds

Stefan


Mikołaj Smoleński staff answered 6 years ago

Hi there Stefan,

You probably missed components import statement. In Your case it should look like this:

<script>
import { mdbFooter, mdbContainer, mdbRow, mdbCol, mdbIcon } from 'mdbvue';

export default {
name: 'FooterPage',
components: {
mdbFooter,
mdbContainer,
mdbRow,
mdbCol,
mdbIcon
}
};
</script>

Every time You use one of our components You need to import it similarly to the above's example.

Best regards

 


jay2jam pro answered 6 years ago

Hello Mikolaj,

almost working :-) Thx for your reply.

The backgroundColor attribute is unknown in teal footer:

<div style="backgroundColor: '#21d192'">

Rgds
Stefan

Mikołaj Smoleński staff answered 6 years ago

Hello jay2jam,

You can change background in two ways:

<div style="background-color: #21d192">RgdsStefan</div>

or

<mdb-footer color="teal"></mdb-footer>

 

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Mac
  • Browser: Chrome
  • OS: Mojave
  • Provided sample code: No
  • Provided link: No