Uncaught ReferenceError：Papaが定義されていません

Question

JavaScriptを使用してCSVを解析するためにPapa Parserを使用しています。関数が呼び出されると、 "Uncaught ReferenceError：Papa is not defined。"というエラーが表示されます。

自分のカスタムロジックがロードされる前にpapaparse.jsがロードされていることを確認していますが、このエラーが引き続き発生します。

$('#import-button').click(function(){ 
    // Valiting the bank and CSV file 
    if($('#bank').val() == null) { 
     alert("Please select a bank."); 
     return; 
    } 
    if(!$('#inputFileName').val()) { 
     alert('Please select a CSV file.'); 
     return; 
    } 
    var file = document.getElementById('inputFile'); 
    Papa.parse(file); 
}); 

私のHTML文書はので、私は全部を投稿習慣の長さである。ここでは

は自分logic.jsファイル内の関数です。 body要素の最後にJSをロードしています。

<script src = './src/js/papaparse.min.js'></script> 
    <!-- Lodaing the jQuery library --> 
    <script>window.$ = window.jQuery = require('./src/js/jquery-2.1.4.js');</script> 
    <!-- Loading the Bootstrap js --> 
    <script src = './src/js/bootstrap.min.js'></script> 
    <script src = './src/js/logic.js'></script> 
    <script> 
     $(window).load(function() { 
      // Creates dropdown for accounts 
      createSelectAccount('import-account', false); 
     }); 
    </script> 
</body> 
</html> 

papaparse.min.jsファイルの場所が正しいですが、私は、「インポート・ボタン」をクリックして、関数が呼び出されたら、私はそのエラーが表示されます。それは次のようになります。

原因は何ですか？

注 - 私は、jQueryライブラリが異なる方法でロードされていることを認識しています。

Answer 1

jQueryのインポートする最初のファイルである必要があります。..

<script src='./src/js/jquery-2.1.4.js'></script> 

<script src = './src/js/papaparse.min.js'></script> 
    <!-- Lodaing the jQuery library --> 

    <!-- Loading the Bootstrap js --> 
    <script src = './src/js/bootstrap.min.js'></script> 
    <script src = './src/js/logic.js'></script> 
    <script> 
     $(window).load(function() { 
      // Creates dropdown for accounts 
      createSelectAccount('import-account', false); 
     }); 
    </script>