question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

with Caption not working

See original GitHub issue

I have the next code, but not working withCaption.

import { Fragment } from 'react'
import { Container } from 'reactstrap'
import AwesomeSlider from 'react-awesome-slider'
import withCaption from 'react-awesome-slider/dist/captioned';
import AnimationStyles from 'react-awesome-slider/src/styled/open-animation/open-animation.scss'
import withAutoplay from 'react-awesome-slider/dist/autoplay'
import { HomeIcon } from '../components/icons'


const AutoPlaySlider = withAutoplay(withCaption(AwesomeSlider))

export default () => {
  return (
    <Fragment>
      <div className="keep-main">
        <Container>
          <div className="keep-title">
            <div className="keep-text">
              Tú pones la casa, <br />
              nosotros la música
            </div>
            <div>
              <HomeIcon width="100" height="100" />
            </div>
          </div>
          <div className="keep-slider">
            <AutoPlaySlider
              animation="openAnimation"
              cssModule={[AnimationStyles]}
              play={true}
              cancelOnInteraction={false}
              interval={3000}
              bullets={false}
              organicArrows={false}
            >
              <div data-src="/static/images/ocesaapp/0/ocesa_app_bg.jpg" />
              <div data-src="/static/images/ocesaapp/1/ocesa_app_bg.jpg" />
              <div data-src="/static/images/ocesaapp/2/ocesa_app_bg.jpg" />
            </AutoPlaySlider>
          </div>
          <div className="keep-tabs"></div>
        </Container>
      </div>
      <style jsx global>{`
        @import 'styles/variables';
        @import 'styles/mixins';
        .keep-main {
          padding-top: 5em;
          background-color: #1a1a1a;
          min-height: 100vh;
        }

        .keep-title {
          display: flex;
          justify-content: flex-start;
          align-items: flex-end;
          flex-flow: row wrap;
          color: $white;

          .keep-text {
            font-family: Nunito;
            font-size: 2.5em;
            @include media-breakpoint-down(sm) {
              font-size: 2em;
            }
          }
        }

        .keep-slider {
          margin-top: 5em;
        }
      `}</style>
    </Fragment>
  )
}

Screen Shot 2020-03-31 at 20 07 27

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:5
  • Comments:11

github_iconTop GitHub Comments

3reactions
victor-sanchez-ccccommented, Jun 5, 2020

same here, captioned.js is not found in the dist folder

3reactions
macsplancommented, May 4, 2020

Same here, it looks like something was missed in the deploy. it’s looking for captioned in the dist directory but it isn’t there

@rcaferati if you’ve got a moment can you take a look. pulling the source code to see if i can reproduce locally

Read more comments on GitHub >

github_iconTop Results From Across the Web

Caption Effects in Closed Captions not working
On a Windows 10 PC that is playing a video, right-click or tap and hold anywhere on the video. A menu bar will...
Read more >
8 Fixes for Instagram Post Captions Not Showing Up in Feed
8 Fixes for when Instagram Post Captions are Not Showing Up in Feed · 1. Check the Instagram Server Status · 2. Restart...
Read more >
Subtitles Not Working? Top Five Most Common Caption ...
You may be lucky and find a quick solution to fix your subtitles that don't work.
Read more >
Troubleshooting Closed Captioning and Subtitles
Troubleshooting Closed Captioning and Subtitles · Stop, exit and restart the video. This provides the video player a chance to retrieve the caption...
Read more >
Why are captions not appearing on my video? - Vidyard Support
Troubleshooting captions on Playlists. Copied ... Playlists themselves do not have captions. Any captions that appear in a playlist belong to each ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found