Topic: Setup problems MDB5 Pro on Vue3

Laduch priority asked 2 years ago


I tried to setup a simple Vue3 project with MDB5 "Pro" version (mdb-vue-ui-kit@1.7.0) installed and ran into an issue, that MDB-components are not transformed.

See Git for reproduction: (MDB Access_Token is removed!)

There is just a single MDB-Button. The project compiles without complaining (npm run serve) and on the browser shows up. But the MDB-button is not transformed and is just copied in, like it is present in the source file. The browser also shows a warning, hinting that vue failed to resolve the component (see screenshot). I tried to register the button globaly in main.js or tried to follow the suggestion of the Vue warning to setup "compilerOptions.isCustomElement" in vue-config.js. Nothing helped.

Browser screenshot

What is the problem with my simple project setup? What am I missing?

Laduch priority answered 2 years ago

Thanks for clarification.

I somehow assumed, that component names stay untouched upgrading from 4 to 5. My fault and lazyness not reading it.

Mikołaj Smoleński staff answered 2 years ago

The component name is MDBBtn, not mdb-btn.

Keep coding,  Mikołaj from MDB

Please insert min. 20 characters.


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



Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 1.4.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes