如何修复babel-polyfill错误？ 在我的代码中找不到

Question

我有一个带有按钮和文本框的简单页面，在其中输入了sql查询，该查询将数据发送到php文件，该文件返回页面上的查询结果。

这是我的代码：

   <div class="row larger-font">

   <div class="container">
     <p><strong> Some text goes here </strong></p>
   <div class="row">

   <div class="col-md-6">
            <div id="simpleButton">
                            <button  type="button"   class="btn btn-primary">Execute!</button>
                    </div>
            </div>
            <div class="col-md-6">
                    <div class="form-group">
                            <input type="text" class="form-control" id="sampleInput" name="sql">
                    </div>
            </div>
            <div id="result">  </div>
    </div>
    </div>
    </div>
    </div>
          <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
          <script>
          $('#simpleButton').click(function(e) {
          var val1 = $('#sampleInput').val();
          $.ajax({
          type: 'POST',
          url: 'mahsql',
          data: { sampleInput: val1 },
          success: function(response) {
          $('#result').html(response);
          }
          });
          });
          </script>

奇怪的是，我在页面上得到了结果，没问题； 但是，我得到这个弹出错误，说只允许一个babel-polyfill实例。 我无法理解这。 我什么都没用。 从这里可以抑制这种错误吗？ 我很困惑，因为我可以看到结果，但是仍然会收到此烦人的弹出错误。 任何帮助表示赞赏，谢谢。

更新：这是mahsql.php：

<?php
$conn = oci_connect('username', 'password', 'hostname/db_svc');
if (!$conn) {
    $e = oci_error();
    trigger_error(htmlentities($e['message'], ENT_QUOTES), E_USER_ERROR);
}
$query = $_POST['sampleInput'];
$stid = oci_parse($conn, $query);
oci_execute($stid);

echo "<table border='1'>\n";
while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) {
    echo "<tr>\n";
    foreach ($row as $item) {
        echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES)     : "&nbsp;") . "</td>\n";
    }
    echo "</tr>\n";
}
echo "</table>\n";
?>

按照评论，我在Chrome上按了F12键，看着Chrome标签，然后在带有.html文件的.php文件下看到了这个javascript代码，这就是newtestingm.php。

这是引发错误的额外代码：

<div id="preloader"></div><script type="text/javascript">
var isLoggedIn=false;
var preload=[];
var isAdmin=false;

</script><script type="text/javascript">

</script><script>
    (function(i,s,o,g,r,a,m)    {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new     Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)    [0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-53997625-1', 'auto');
ga('send', 'pageview');


</script>
<script src="http://servername:1338/webpack-dev-server.js"></script><script    crossorigin="anonymous" src="http://servername:1338/all.8a98aeb6b75576ce1df6.js">    </script><script crossorigin="anonymous"     src="http://servername:1338/newtestingm.8a98aeb6b75576ce1df6.js"></script></body>    </html>

这是什么？？？ 它不是我的php文件的一部分。

Answer 1

mahsql的资源正在返回带有嵌入式脚本标签的html。 您无条件地将此html注入页面并执行它。 这是极不明智的。

由于您尚未包含所有HTML，因此很难确定错误的确切原因。 基本上，只打算一次执行的脚本正在多次执行。

根据更新和注释，您的服务器似乎正在添加包含google Analytics（分析）的标记，请求Webpack开发服务器的脚本以及设置一些全局变量。 Webpack可能是请求Babel的原因。

我的建议是退后一步，检查您正在使用的所有工具，因为在您不了解的情况下这应该不会发生。 也许您正在使用服务器和客户端框架，入门工具包和模板的组合来生成您不知道的代码。 如果没有对整个堆栈的深入了解，则很难预测和推断出其结果。

我不了解您使用的框架，也很少编写PHP，但是一般的问题是您不知道所执行代码的广度。 显然，在进行假设的过程中有相当复杂的堆栈。 例如，似乎假设您有一个Webpack捆绑包，其名称与从相同位置投放的html页面相对应。 如果不是这种情况，您将收到错误消息。 但这只是大量假设的一个例子。