Agfdhyk

Currently I have a html template. And I just want to make it available in my React application.

Some 'Nar bar' and 'Carousel' does not work.

I found that the main concern maybe the html script source. How can I correctly import into react app?

Here is the Script in the html template

<!-- jQuery -->

<script src="vendor/jquery/jquery.min.js"></script>

<!-- PopperJS (Bootstrap's dependency) -->

<script src="vendor/popper.js/umd/popper.min.js"></script>

<!-- Bootstrap JavaScript -->

<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Owl Carousel -->

<script src="vendor/owl.carousel/owl.carousel.js"></script>

<script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>

<!-- NoUI Slider (price slider) -->

<script src="vendor/nouislider/nouislider.min.js"></script>

<!-- Smooth scrolling -->

<script src="vendor/smooth-scroll/smooth-scroll.polyfills.min.js"></script>

<!-- Lightbox -->

<script src="vendor/ekko-lightbox/ekko-lightbox.min.js"></script>

<!--

  Object Fit Images - Fallback for browsers that don't support object-fit

-->

<script src="vendor/object-fit-images/ofi.min.js"></script>

I know the easy way is to install in npm.

But some script source such as "Owl Carousel" does not have min.js/js file in npm module.

So I try to import it in my index.js file

import "./vendor/owl.carousel/owl.carousel.js";

It return a error

Line 1352:  'jQuery' is not defined



content = content instanceof jQuery ? content : $(content);

I have already install Jquery in npm.

I really dont know how to solve it anymore.

Please Help