Итак, у меня есть шаблон (index.html), в который отображается мое реагирующее приложение.Внутри этого шаблона мои статические CSS-файлы импортируются в голову, а мои статические JS-файлы импортируются перед закрывающим тегом body.У меня проблема с тем, что мои статические файлы JS не загружаются должным образом, из-за чего страница отображается неправильно.Я точно определил причину, которую я считаю причиной, но я не уверен, как это исправить.
Страница загружается неправильно:
<body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/main.js"></script>
<script src="bundle.js"></script>
</body>
Страница загружается правильно (но я думаю, что это технически неправильно):
<body>
<script src="bundle.js"></script>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/main.js"></script>
</html>
Файл bundle.js из реакции вставляется позади всех моих статических js-файлов, и я думаю, что из-за иерархии он перезаписывает некоторые свойства в моих статических js-файлах, которые были загруженыперед этим.Я заметил, что когда я размещаю свои статические js-файлы вне конечного тега body, страница отображается лучше.Еще несколько ошибок, но гораздо ближе к моей конечной цели.Насколько я понимаю, теги сценария должны быть помещены перед закрывающим тегом тела, поэтому, хотя я нашел исправление, я думаю, что, возможно, это не то исправление.Это для портфельного проекта, поэтому мне это нужно правильно.Хотите знать, если кто-нибудь знает, как это исправить.Можно ли сделать так, чтобы bundle.js загружался до всех моих тегов скрипта?