Topic: Parallax not working with Nuxt

GuillaumeDgr premium asked 3 years ago


*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,
  },
}

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



Please insert min. 20 characters.

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