Getting Unable to read the "offsetWidth" undefined property with a carousel loading script

Question

I created carousel with Bootstrap 3.3 and it works on my local machine, but when I upload it all to the server, where the bootstrap js file is compiled along with other files in the same file, I get this error:

Cannot read property 'offsetWidth' of undefined - has anyone come across this and are there any known solutions to this problem?

Answer 1

For me, this was because I did not define an active class on any of the slides.

Answer 2

For me, I changed class='carousel-item' to class='item' as follows

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

Answer 3

Remove the Carousel Slide class when loading the page and add it dynamically when the image loads using jquery.This fixed for me

Answer 4

I have the same error. Because I used v4 alpha class names like carousel-control-next When I changed from v3, the problem is resolved.