Question

我正在使用Papa Parser使用JavaScript解析CSV。调用该函数时，我收到错误“Uncaught ReferenceError：Papa is not defined。”

我确保在加载自己的自定义逻辑之前加载papaparse.js并仍然收到此错误。

这是我自己的logic.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文档很长，所以我不会发布整个内容。我在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>

未捕获的ReferenceError：没有定义Papa

1 个答案: