Topic: Parallax not working with Nuxt
*Expected behavior*Working parallax effect.
*Actual behavior*Unknown custom element: mdb-parallax
Resources (screenshots, code snippets etc.)
<template>
<mdb-parallax
src="http://mdbootstrap.com/img/Photos/Others/nature4.jpg"
factor="1.3"
height="600"
/>`
</template>
import { mdbParallax } from 'mdbvue'
export default {
components: {
mdbParallax,
},
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB4 6.7.2
- Device: Mac book pro
- Browser: Firefox developers
- OS: MacOs
- Provided sample code: No
- Provided link: No
Mikołaj Smoleński staff commented 3 years ago
Are you sure the PRO mdbvue package is installed in your project?
Keep coding, Mikołaj from MDB
GuillaumeDgr premium commented 3 years ago
Yes of course. And moreover this is completly buging on safari.
Mikołaj Smoleński staff commented 3 years ago
Thanks for the remarks. I added a new task for this issue on our board on Safari. It happens in Vue CLI based project?
Keep coding, Mikołaj from MDB
GuillaumeDgr premium commented 3 years ago
Hi, thanks. I'm not sure, I have followed this https://mdbootstrap.com/docs/vue/getting-started/installation/#nuxt. How can I check this ? thks
Mikołaj Smoleński staff commented 3 years ago
So it's a Nuxt project. Ok, We'll check it.
GuillaumeDgr premium commented 3 years ago
Yes, I wrote it in this support message subject. Any feedback on this ? Do you have any idea when this will be solved ? Many thanks.
Mikołaj Smoleński staff commented 3 years ago
Unfortunately Parallax won't work with Nuxt as it's using window object.
Keep coding, Mikołaj from MDB