Question

所以我有一个模板（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>

react的bundle.js文件被插入到我所有的静态js文件的后面，并且我认为由于层次结构，它覆盖了静态js文件中之前加载的某些属性。我注意到，当我将静态js文件放置在end body标签之外时，页面呈现效果更好。仍然有一些错误，但更接近我的最终目标。据我了解，脚本标记应放在结束body标记之前，因此尽管找到了解决方法，但我认为这可能不是正确的解决方法。这是针对投资组合项目的，所以我需要正确的选择。想知道是否有人知道如何解决此问题。是否可以在我的所有脚本标签之前加载bundle.js？

React的bundle.js阻止了静态JS的运行

0 个答案: