javascript - 引用错误 : Papa is not defined

标签 javascript css html papaparse

所以我正在尝试设置 PapaParser 以将 CSV 文件解析为数组,稍后我可以将其与另一个脚本一起使用来制作图表。到目前为止,我只想将数组中的字符串粘贴到空白 div 上,这样我就可以看到发生了什么。我是新手,不知道如何导入 javascript 库,所以我将文件复制到我的 public_html 文件夹中。现在 NetBeans 似乎看到了它们。

长话短说,我一开始就卡住了,当我尝试运行解析器时,我得到了 ReferenceError: Papa is not defined 的引用。

任何有关如何执行此操作的输入或指向教程的链接都将不胜感激(尝试使用谷歌搜索,但没有发现任何用处)。到目前为止,我已经添加了我的代码...

Papa.parse("TopPercentilesCSV.csv", {
		complete: function(results) {
			console.log("Finished:", results.data);
		}
	});
.displaypanel {
    border: 1px solid black;
    width:400px;
    height:400px;
    margin:auto;
}
<!DOCTYPE html>

<html>
    <head>
        <title>Parsing CSV test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="index.css"/>
        <script type="text/javascript" src="index.js"></script>
        <script src="PapaParse/papaparse.js"></script>
    </head>
    <body>
        <div class="displaypanel">            
        </div>
    </body>
</html>

最佳答案

将您的代码更改为:

<!DOCTYPE html>

<html>
    <head>
        <title>Parsing CSV test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" rel="stylesheet" href="index.css"/>
        <script src="PapaParse/papaparse.js"></script>
        <script type="text/javascript" src="index.js"></script>

    </head>
    <body>
        <div class="displaypanel">            
        </div>
    </body>
</html>

首先你必须包含库,然后你可以调用里面定义的函数

关于javascript - 引用错误 : Papa is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27704406/

相关文章:

javascript - 有一个 promise 会多次轮询直到不抛出错误

javascript - 在javascript中添加两个 float

javascript - 将样式附加到 DOM 不替换现有

javascript - 检测 Adblock 和 Firefox 隐私浏览

javascript - 如何在 JavaScript 中调用自执行函数?

javascript - 使用原生 reduce 代替 prototype 1.6.0.3 reduce

javascript - 使图像不受 iPad 网页上页面缩放的影响

css - @font-face 和字体大小

html - 限制显示: table-row/cell element height when height is dynamic

html - 中间有点的水平线