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

User · Answer

For me  I changed class  carousel-item  to class  item  like this   lt div class  item  gt       lt img class  img-responsive  src       alt       gt   lt  div gt

User · Answer

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

User · Answer

if you re using the compiled bootstrap  one of the ways of fixing it is by editing the bootstrap min js before the line  next 0  offsetWidth   force reflow Change to if  typeof  next     object   amp  amp   next length   next 0  offsetWidth    force reflow

User · Answer

I got same error  Because i used v4 alpha class names like carousel-control-next When i changed with v3  problem solved

User · Answer

Change to if  typeof  next     object   amp  amp   next length   next 0  offsetWidth  -did not help   if you convert Bootstrap 3 to php for WordPress theme   when adding WP Query   loop   new WP Query   args     insert  count   0   And and at the end before endwhile  add  count

User · Answer

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

User · Answer

I have got the same error  but in my case I wrote class names for carousel item as   carousel-item the bootstrap css is referring  item  SO ERROR solved  carosel-item is renamed to item   lt div class  carousel-item active  gt  lt  div gt    RENAMED To the following    lt div class  item active  gt  lt  div gt

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

Examples related to javascript

Examples related to jquery

Examples related to twitter-bootstrap