Console error: Uncaught TypeError: Cannot use 'in' operator to search for 'container' in null

[fabianwurk]

I have tried integrating as a module, but also the CDN method, but console is throwing the following error:

embla-carousel.umd.js:1 Uncaught TypeError: Cannot use 'in' operator to search for 'container' in null
    at b (embla-carousel.umd.js:1:11896)
    at T (embla-carousel.umd.js:1:12164)
    at A (embla-carousel.umd.js:1:14079)
    at (index):829:15

Any ideas why this may be happening?

[davidjerleke]

Hi @fabianwurk,

Thanks for your question. Probably because you’re passing null instead of an HTML element node to EmblaCarousel(). Passing null as the first argument to the EmblaCarousel() constructor isn't a valid:

const emblaNode = document.querySelector('.embla') // This is null in your case
const embla = EmblaCarousel(emblaNode) // So this throws an error because you need to pass a valid HTML element to it

Best, David

[davidjerleke]

@fabianwurk did you see my response?

[fabianwurk]

Thanks @davidjerleke - that makes sense.