Блог

Я надеюсь, что у них все хорошо! У меня возникла проблема с импортом внешних библиотек в проект React, надеюсь, вы сможете помочь мне решить ее.

Я выполняю импорт этих библиотек следующим образом в App.js .

 
   componentDidMount(){
     let scripts = [
         { src: "./assets/js/jquery-3.3.1.min.js" },
         { src: "./assets/js/popper.min.js" },
         { src: "./assets/js/bootstrap.min.js" },
         { src: "./assets/js/owl.carousel.min.js" },
         { src: "./assets/js/jquery.magnific-popup.min.js" },
         { src: "./assets/js/aos.js" }
     ];

     scripts.forEach(item => {
         const script = document.createElement("script");
         script.src = item.src;
         script.async = true;
         document.body.appendChild(script);
     })
  }

  

Проблема в том, что при компиляции на localhost возникает следующая ошибка. Я понимаю, что они не находят пути к файлам, поэтому это выдает ошибку. Однако файл, если он у меня есть, находится по этому пути. (случается со мной со всеми)