MDB4 Vue Usage Issues

Topic: MDB4 Vue Usage Issues

Ajility priority asked 2 years ago

Hi,

I'm having issues using MDB4 Vue on my existing project.

In package.json, I've added:

"dependencies": { "mdbvue": "file:mdbvue-6.7.3.tgz" }

Then I ran npm i. The .tgz file exists in my project directory and I confirm it gets installed to the node_modules folder.

app.js has the CSS imports referenced in the install docs.

However, Imports are not working for some reason.

Expected behavior Imports should work.

Actual behavior Imports do not work.

Resources (screenshots, code snippets etc.) enter image description here

enter image description here

Mikołaj Smoleński staff commented 2 years ago

Can you send the project (without node_modules) to m.smolenski@mdbootstrap.com?

Keep coding!

Add comment

Ajility priority answered 2 years ago

0 0 Best answer

@Mikołaj Smoleński Now I just get a blank screen. No errors in console. enter image description here

Mikołaj Smoleński staff commented 2 years ago

I guess it's because mdb-sidenav is hidden. Did you try to open it by changing show value to true? Also can you inspect elements on the page? Sidenav should be added to the DOM.

Keep coding!

Add comment

Mikołaj Smoleński staff answered 2 years ago

0 0 Best answer

@Ajility

You've got wrong syntax in the template. For example if you import the mdbIcon component, it's name in the template will be optionally mdb-icon or mdbIcon, not MdbIcon. Same with other components. camelCase is not equal to PascalCase.

Keep coding!

Add comment

Ajility priority answered 2 years ago

0 0 Best answer

Please insert min. 20 characters.

@Mikołaj Smoleński Mikolaj

I emailed you but haven't gotten a response. I can't really share my repo as the code is private.. I can do a Teamviewer meeting though.

I think I got a bit "closer" today... enter image description here