Topic: Cannot Install Plugins With Vue

cirimm priority asked 1 year ago


Expected behavior I place

  <script type="text/javascript" src="/src/mdb/plugins/js/all.min.js"></script>

inside my index.html page on my Vue app, (the exact same way I did for regular mdb functionality), and it applies the necessary functions and styles to my code.

Actual behavior Console error of

Cannot read properties of undefined (reading 'toggle')

at bootstrap:2, which looks like the following: var installedModules = {}; \Error is here Additionally, plugin features do not work (trying drag-and-drop sortable and carousel vertical). Unsure of how to proceed, does something specific need to be done for Vue?

What I have tried:

Placing <script type="text/javascript" src="/src/mdb/plugins/js/all.min.js"></script>, into my index.html, running npm install, placing this import directly into my vue components. Resources (screenshots, code snippets etc.)


Mateusz Lazaru staff answered 1 year ago


MDB Standard was not created to be used in frameworks, so we do not support such integrations, and we can't guarantee it would work.

Here is a link to the MDB Vue documentation.


cirimm priority commented 1 year ago

If I install the free MDB Vue package, will I be able to use my current plan to run plugins on Vue, or do I need to purchase an additional package?


Adam Jakubowski staff commented 1 year ago

Hello,

The support forum is dedicated to technical questions.

All questions regarding MDB licensing, products, partnerships and other non-technical queries - it should be asked directly to contact@mdbootstrap.com

I've reached out to you via email address assigned to your mdbootstrap account.

Keep coding,


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.1.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: Yes
  • Provided link: No