我一直在寻找解决方案,但我终生无法解决...
痛点:我有一个延迟加载的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年,那里存在这些问题,但是据说已经更新了...
答案 0 :(得分:0)
实际上,我很困惑,因为它在我的两个项目中都能很好地工作,因此React
Web App和React Native
iOS,Android App都很好。
我以如下方式导入它:
import Papa from 'papaparse/papaparse.min';
当然,对于每个项目,都有一些配置可能会使某些库无法正常工作。但您也许可以使用Node.js
path
为SCRIPT_PATH
设置Papa
:
import path from 'path';
...
Papa.SCRIPT_PATH = path.resolve('/node_modules/papaparse');
...
或者如果也有问题,请使用this link答案直接在代码中使用papaparse
。不推荐。