MDBootstrap 5 PRO components doesn't work


Topic: MDBootstrap 5 PRO components doesn't work

Juicymo pro asked 7 months ago

When I am using Pro components via documentation they appears as default html components (such as select datepicker...). I am able to use custom theme, that is also possible thanks to Pro integration. So I think I have wrong imports for js files.

js import

import "mdb-ui-kit";

theme file and scss import

@import "~mdb-ui-kit/src/mdb/scss/mdb.pro";<br>@import "~my-styleguide/scss/color-theme";

I tried import js this wayimport "mdb-ui-kit/src/mdb/js/mdb.pro";

but there are some dependencies that i don't want to install but are needed for this file.

I installed mdb via npm.

I can't find any solution for this problem. Any ideas?


I ran into a similar issue.

When I started debugging the framework source code I found quite a few instances of extra quote marks ( "​…᠎ ). Once we removed these from the .js files everything started working.

The first instance of that mark is in the mdb.min.js file, line 310, column 15780. The second is a few characters later.

That section of code looks like this:

{return i(function(){return!!re||"​…᠎"!="​…᠎"e||r\[e\].name!==e})

it should be:

{return i(function(){return!!re||"!="e||r\[e\].name!==e})

I found a total of 60 instances of those extra quote marks across all of the component files. Although the only two I've fixed so far were in the mdb.min.js file.


Juicymo pro commented 7 months ago

return i(function(){return!!r[e]()||"​…᠎"!="​…᠎"[e]()||r[e].name!==e})

This is how my code looks like and even after changing it to

return i(function(){return!!r[e]()||"!=᠎"[e]()||r[e].name!==e})

Does not help unfortunately. Thanks for tip.


Grzegorz Bujański staff answered 7 months ago

If you want to use only some components you can import single modules: https://mdbootstrap.com/docs/standard/getting-started/optimization/

regarding additional characters, we have not encountered this error. What exactly doesn't work without changing deleting these quote marks in mdb.min.js?


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 Standard
  • MDB Version: MDB5 3.9.0
  • Device: Dell XPS 9500
  • Browser: Google Chrome
  • OS: Linus
  • Provided sample code: No
  • Provided link: No