Uncaught ReferenceError: npm run build error

Questions
, ,
1

Recently I have finished course project. I ve been working with others and now I decided to upload repository to my github. While opening site with npm run dev everything runs great, but while going with npm run build and going to github pages one of the sliders does not work and the error code I get on the website is

Uncaught ReferenceError: Swiper2 is not defined at HTMLDocument. (review-slider.js:3:17)

Link to the website: [Simply Chocolate]

Link to github files: [GitHub - m3riadoc/simply_chocolate_project]

I can’t really find a reason while build side does not load this specific script.

What I tried was to link script differently, but it did not work as well.

Can someone take a look and try to explain me what is happening/what am I doing wrong?

Please be understanding as this one was my first “serious” project. Right now I am still more into HTML/CSS than JS, while still studying.

2

youre missing a link to Swiper2
just try loading a tiny html page or app that just tries to load it
using search in your github for Swiper2 in source gave me nothing.
Also this is an html question so I dont think threejs form is the best place for answers

3

What I thought mySwiper2 is defined in the file review-slider:

/* eslint-disable */
var swiper2 = new Swiper2('.mySwiper2', {
  slidesPerView: 3,
  spaceBetween: 28,
  grabCursor: 'true',
  pagination: {
    el: '.swiper2-pagination',
    clickable: true,

    dynamicBullets: false,
  },
  breakpoints: {
    0: {
      slidesPerView: 1,
    },
    769: {
      slidesPerView: 2,
    },
    1201: {
      slidesPerView: 3,
    },
  },
});
/* eslint-enable */

Especially, I have second slider that works perfectly…

4

then you have something thats breaking and its not getting to the next slider. duknow without reading the source but thats a job task