title: SwipeJS not functioning properly
body: <pre><code>My Swipe.Js version : &quot;^7.0.2&quot;
  </code></pre>
  <p>So I tried to use Swipe.Js today. When I'm importing I used this code line.</p>
  <pre><code>import { Swiper, SwiperSlide } from 'swiper/react'; 
  as in https://swiperjs.com/react#installation.  But when I implement this I get error like this.
  ./src/App.jsx
  Module not found: Can't resolve 'swiper/react' in 'C:\Users\User.LAPTOP-3EBUUP6S\Desktop\My future projects\new\smart-parking-system\src'
  </code></pre>
  <p>So I looked at the node_modules folder and then I found where is the <code>Swiper</code> and <code>SwiperSlide</code> functions are. So I imported that file by using this line.
  <code>import { Swiper, SwiperSlide } from 'swiper/react/swiper-react.js';</code></p>
  <p>But it also giving a error like this.</p>
  <pre><code>./node_modules/swiper/react/get-params.js
  Module not found: Can't resolve 'swiper' in 'C:\Users\User.LAPTOP-3EBUUP6S\Desktop\My future projects\new\smart-parking-system\node_modules\swiper\react'
  </code></pre>
  <p>So how to import this in a correct way? I saw that there is file changings from Swiper 6 to 7 in the documentation.(<a href="https://swiperjs.com/react#installation" rel="nofollow noreferrer">https://swiperjs.com/react#installation</a>) But showings(like
  Styles Imports) of that link are not working. So I had to look at the node_modules and then had to do importing. But this importing Swiper and SwiperSlide is not working by the way. Why is that?</p>