naver/egjs-flicking

Can't get flicking.pkgd.min.js

OptimaLPro opened this issue · 3 comments

Description

Hey and Thanks!

I try to use Flicking in my react project.
I attach the dependencies and I don't get the CSS of it.
I checked the links and turned to be that CDN link is not found (https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking.pkgd.min.js).

The problem its me?
Thanks.

Screenshot 2024-04-22 145212

Hello @OptimaLPro.

You can try using https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.11.2/flicking.pkgd.min.js for the latest version of our package.
Links like egjs-flicking/4.x.x might not be available unless you specify a particular version.

Oh, i got it.

But still, i'm not able to see the component style.

  1. I installed by npm (npm install @egjs/react-flicking).
  2. added the CDN links (i don't know if i need it, but still, i added it):

`<script src="https://unpkg.com/@egjs/flicking/dist/flicking.pkgd.min.js" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking.pkgd.min.js" crossorigin="anonymous"></script>`
  1. I created a component in my React project, called "FlickingCarousel.jsx" with this code from the Doc:
    `
    import Flicking from "@egjs/react-flicking";
    import "@egjs/react-flicking/dist/flicking.css";
    // Or, if you have to support IE9
    import "@egjs/react-flicking/dist/flicking-inline.css";

export default () => (
<Flicking
align="prev"
circular={true}
onMoveEnd={e => {
console.log(e);
}}>

1

2

3


)
`

  1. I added the "FlickingCarousel.jsx" component to my App.jsx.

The problem is that i can see the 123 (the text from the three divs) but i can't see the style of it.

looks like that: (i used another type of Carousel, the 123 is my try for the Flicking.)

image

I don't know what is the issue with that. When i click on the Network tab in Chrome, i can see that the style files are loaded and all good.

image

What can it be?
I rly want to use it!

@OptimaLPro

Can you check if you are using any style for the flicking-panel class?
You need to set the style of the panel in the flicking-panel class.

For example in this demo, removing the style of the flicking-panel class will show the result as you left above.