Getting Cannot read property 'offsetWidth' of undefined with bootstrap carousel script

Question

I created a carousel with Bootstrap 3.3 and it works on my local machine, but when I upload the whole thing on server where the bootstrap js file is being compiled together with other files in a single file, I get this error:

Cannot read property 'offsetWidth' of undefined - has anybody faced this and are there any known solutions to this issue?

Answer 1

For me it was because I hadn't set an active class on any of the slides.

Answer 2

For me, I changed class='carousel-item' to class='item' like this

<div class="item">
    <img class="img-responsive" src="..." alt="...">
</div>

Answer 3

Remove the class 'Carousal slide' on page load & add it dynamically when image gets loaded using jquery.This fixed for me