PapaParse脚本路径未定义

时间:2018-12-14 15:24:27

标签: javascript reactjs papaparse

我一直在寻找解决方案,但我终生无法解决...

痛点:我有一个延迟加载的React组件,该组件应该解析CSV文件(使用PapaParse),该文件全部构建在create-react-app框架内。但是由于某种原因,尽管一切都说应该起作用,但是当我尝试使用PapaParse时,却出现了以下错误:

  

错误:异步加载Papa Parse时无法自动确定脚本路径。您需要手动设置Papa.SCRIPT_PATH。

但是由于它与Webpack捆绑在一起,所以我不知道该脚本路径应该是什么,并且我尝试将路径设置为项目文件夹结构内的PapaParse文件夹(例如,类似{ {1}}无效。放入路径时,我实际上遇到了另一个错误:

  

papaparse?papaworker:1未捕获的语法错误:意外的令牌<< / p>

更多情况下,所讨论的组件看起来像这样:

../../node_modules/papaparse

我通过npm安装了PapaParse,所以它应该是最新版本,有些事情可以追溯到2014-15年,那里存在这些问题,但是据说已经更新了...

1 个答案:

答案 0 :(得分:0)

实际上,我很困惑,因为它在我的两个项目中都能很好地工作,因此React Web App和React Native iOS,Android App都很好。

我以如下方式导入它:

import Papa from 'papaparse/papaparse.min';

当然,对于每个项目,都有一些配置可能会使某些库无法正常工作。但您也许可以使用Node.js pathSCRIPT_PATH设置Papa

import path from 'path';

...
Papa.SCRIPT_PATH = path.resolve('/node_modules/papaparse');
...

或者如果也有问题,请使用this link答案直接在代码中使用papaparse。不推荐。