Fatal编程技术网
  • javascript/
  • Javascript 反应'；s bundle.js正在阻止静态js运行

Javascript 反应'；s bundle.js正在阻止静态js运行

javascript reactjs webpack

Javascript 反应'；s bundle.js正在阻止静态js运行,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,因此，我有一个模板（index.html），我的react应用程序将呈现给它。在这个模板中，我的静态CSS文件被导入头部，静态JS文件在结束体标记之前被导入。我的静态JS文件没有正确加载，导致页面呈现错误。我已经查明了我认为是什么原因，但我不确定如何解决它 页面加载错误： <body> <script src="js/jquery-3.2.1.min.js"></script> <script src="js/bootstrap.min.js">

因此，我有一个模板（index.html），我的react应用程序将呈现给它。在这个模板中，我的静态CSS文件被导入头部，静态JS文件在结束体标记之前被导入。我的静态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>
页面加载正确（但我认为这在技术上是不正确的）：
react中的bundle.js文件被插入到我所有静态js文件的后面，我认为由于层次结构的原因，它正在覆盖在它之前加载的静态js文件中的一些属性。我注意到，当我将静态js文件放在结束body标记之外时，页面呈现得更好。仍然有一些错误，但离我的最终目标更近了。我的理解是，脚本标记应该放在结束体标记之前，因此尽管我找到了一个修复方法，但我认为它可能不是正确的修复方法。这是一个投资组合项目，所以我需要它的权利。想知道是否有人知道如何解决这个问题。是否可以在所有脚本标记之前加载bundle.js？

不正确渲染是什么意思？您是否收到任何控制台错误？也许一些截图会有帮助？bundle文件本身不应该覆盖任何内容，也不会“阻止”在解释bundle之前解释的任何内容的运行，因此它可能是bundle中的某个内容。这是您正在添加的旧应用程序吗？您添加的所有插件都有react等价物，因此，如果您不需要支持遗留代码，我建议您在使用任何其他脚本之前，先删除其他libsYes bundle js。你在问题中所说的是正确的。它应该在所有其他脚本之后首先包含，而不是最后一个。堆栈溢出已经提出了这些问题，并且也有解决方案。请看一看。我以前也有过同样的问题，在第一次安装后它就开始工作了。你能给我发一个链接@三思而后行吗？我搜索了，只是又搜索了一次，但我找不到。如何让bundle.js先渲染？找到解决方案了吗。我也面临同样的问题 
<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>