如何修復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頁面相對應。 如果不是這種情況，您將收到錯誤消息。 但這只是大量假設的一個例子。