Problem with owl.carousel.min.js?ver=1.0 and owl.carousel.min.js is working fine

I have created project using django and create admin_app and customer_app applciation. In customer_app, there is errror with third parties libraries and error like:Refused to execute script from 'http://127.0.0.1:8000/js/owl.carousel.min.js?ver=1.0' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. code for settings.py:

BASE_DIR = Path(__file__).resolve().parent.parent
TEMPLATES_DIR = Path(BASE_DIR, 'templates')
ADMIN_STATIC_DIR = Path(BASE_DIR, 'admin_app', 'static')
CUSTOMER_STATIC_DIR = Path(BASE_DIR, 'customer_app', 'static')

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    ADMIN_STATIC_DIR,
    CUSTOMER_STATIC_DIR,
]

base.html file script code is:

<script src="{% static 'customer_app/js/jquery-3.6.0.min.js' %}"></script>
   <script src="{% static 'customer_app/js/asyncloader.min.js' %}"></script>
   <!-- JS bootstrap -->
   <script src="{% static 'customer_app/js/bootstrap.min.js' %}"></script>
   <!-- owl-carousel -->
   <script src="{% static 'customer_app/js/owl.carousel.min.js' %}"></script>
   <!-- counter-js -->
   <script src="{% static 'customer_app/js/jquery.waypoints.min.js' %}"></script>
   <script src="{% static 'customer_app/js/jquery.counterup.min.js' %}"></script>
   <!-- popper-js -->
   <script src="{% static 'customer_app/js/popper.min.js' %}"></script>
   <script src="{% static 'customer_app/js/swiper-bundle.min.js' %}"></script>
   <!-- Iscotop -->
   <script src="{% static 'customer_app/js/isotope.pkgd.min.js' %}"></script>

   <script src="{% static 'customer_app/js/jquery.magnific-popup.min.js' %}"></script>

   <script src="{% static 'customer_app/js/slick.min.js' %}"></script>

   <script src="{% static 'customer_app/js/streamlab-core.js' %}"></script>

   <script src="{% static 'customer_app/js/script.js' %}"></script>

I to solve above mentioned error with working owl.carousel.js library effect

Back to Top