Внешний javascript не запускается из React (CRA)

#javascript #reactjs #create-react-app

#javascript #reactjs #create-react-app

Вопрос:

У меня есть простой HTML-шаблон, который я пытаюсь преобразовать в небольшое приложение React (используя create-react-app). Я вставил следующие теги скрипта в index.html файл, расположенный в общедоступном каталоге, но, похоже, он не запускает некоторые скрипты

 <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="app"></div>

    <script src="%PUBLIC_URL%/js/jquery.js"></script>
    <script src="%PUBLIC_URL%/js/popper.min.js"></script>
    <script src="%PUBLIC_URL%/js/bootstrap.min.js"></script>
    <script src="%PUBLIC_URL%/js/TweenMax.js"></script>
    <script src="%PUBLIC_URL%/js/jquery-ui.js"></script>
    <script src="%PUBLIC_URL%/js/jquery.fancybox.js"></script>
    <script src="%PUBLIC_URL%/js/owl.js"></script>
    <script src="%PUBLIC_URL%/js/mixitup.js"></script>
    <script src="%PUBLIC_URL%/js/appear.js"></script>
    <script src="%PUBLIC_URL%/js/wow.js"></script>
    <script src="%PUBLIC_URL%/js/custom-script.js"></script>
</body>
</html>
  

если я загружаю страницу, захожу в консоль и набираю $ === jQuery , она возвращает true, что говорит мне о том, что jquery.js файл загружается, но многие функции из других файлов, похоже, не работают.

В консоли также не генерируются ошибки

Я делаю что-то не так в том, как я переношу эти файлы в проект?

Комментарии:

1. Вы уверены, что эти ресурсы загружены браузером? Проверьте вкладку network на наличие этих запросов и ошибок http 404

2. @keul для всех скриптов указан код состояния 200, поэтому похоже, что они загружаются