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の1つのインスタンスだけが許可されていると言います。私はこれを理解できません。私はバベルを使用していません。そこからエラーを抑制する方法はありますか？私は結果を見ることができるので私は混乱しているが、私はまだこの迷惑なポップアップエラーを取得します。 ご協力いただきありがとうございます。

UPDATE：ここに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"; 
?> 

コメントに続いて、私はクローム]タブを見てクロームにF12を押すと、私はそれがnewtestingmと呼ばれる、HTMLと私の.phpファイルの下で、このJavaScriptコードを参照してください.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を書くことはめったにありませんが、実行されるコードの幅がわからないという一般的な問題があります。はっきりとかなり複雑なスタックがあり、それは前提を作っている。たとえば、同じ場所から提供されているHTMLページに対応する名前のWebpackバンドルがあると仮定しているようです。そうでない場合は、エラーが発生します。しかし、それは多数の仮定のほんの一例に過ぎない。