Topic: Error loading page using mdbpro
Luca Gammelli pro premium priority asked 2 years ago
i just buy the pro license. and i would like to add it to an existing project.After i add the mdb.min.js and all.min.js (plugins) i receive the following error:
index.js:181 Uncaught TypeError: Cannot read properties of null (reading 'hasAttribute') at i (index.js:181:32) at Module.i (event-handler.js:16:11) at s (bootstrap:19:22) at bootstrap:83:10 at universalModuleDefinition:9:17 at universalModuleDefinition:1:1i @ index.js:181i @ event-handler.js:16s @ bootstrap:19(anonymous) @ bootstrap:83(anonymous) @ universalModuleDefinition:9(anonymous) @ universalModuleDefinition:1templates.js:38 Uncaught TypeError: Cannot read properties of null (reading 'hasAttribute') at n (templates.js:38:5) at Module.n (templates.js:65:5) at r (bootstrap:2:7) at bootstrap:2:7 at universalModuleDefinition:9:21 at universalModuleDefinition:10:4n @ templates.js:38n @ templates.js:65r @ bootstrap:2(anonymous) @ bootstrap:2(anonymous) @ universalModuleDefinition:9(anonymous) @ universalModuleDefinition:10jquery-3.6.1.min.js:2 jQuery.Deferred exception: mdb is not defined ReferenceError: mdb is not defined
Could you please help ?7
Luca Gammelli pro premium priority answered 2 years ago
if i remove the jquery load it works. The current project is based on jquery i'd like to load both and start migration to mdb. is this possible?
kpienkowska staff answered 2 years ago
It should work without a problem with jQuery. Can you describe how you are doing your imports and if you use any framework?
Luca Gammelli pro premium priority commented 2 years ago
At this moment i'm not using the MDB framework. I just neet to load the framework togheter with jquery and start the migration. The problem appears just loading the JS.
The web site is currently developed in Flask and Python.
My loading code is as follow:
At the End of the page:
Removing the jquery script i don't receive any error.
Grzegorz Bujański staff answered 2 years ago
Unfortunately, we don't see the code you posted. In this case, the order of imports is important. Check if you import jQ first and then MDB. What is the index.js: 181 error? What code is there? This is the code related to the MDB component?
Luca Gammelli pro premium priority commented 2 years ago
yes index.js:181 error is related to MDB component. Any way i'll check it better at this momento the JQ il loaded after MDB
Grzegorz Bujański staff commented 2 years ago
Ok. If you import first jA and then MDB and you still have this problem, let me know. Then we will need information on what code causes this error.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 5.0.0
- Device: Windows
- Browser: Chrome
- OS: 11
- Provided sample code: No
- Provided link: No