PapaParse脚本路径未定义

Question

我一直在寻找解决这件事的方法，但我想不出我的一生.

站点:我有一个延迟加载的React组件，它应该解析一个CSV文件(用PapaParse)，这个文件都是在create-react-app框架中构建的。但是出于某种原因，尽管所有的人都说它应该工作，但是当我尝试使用PapaParse时，我得到了这个错误：

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

但是由于这是与Webpack捆绑在一起的，所以我不知道这个脚本路径应该是什么，所以我尝试将路径设置为项目文件夹结构中的PapaParse文件夹(比如../../node_modules/papaparse)，但没有效果。实际上，当我进入一条路径时，我得到了一个不同的错误：

爸爸?爸爸工作人员:1 SyntaxError:意外令牌<

对于更多的上下文，所讨论的组件看起来有点像这样：

import Papa from 'papaparse';

class Dialog extends React.Component {
    ...
    handleFileChange = () => {
       ...
       Papa.parse(file, config);
       ...
    }
    ...
}

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

Answer 1

实际上，我很困惑，因为它在我的两个项目上都很好，因此，React网络应用程序和React Native iOS，Android。

我把它进口如下：

import Papa from 'papaparse/papaparse.min';

当然，对于每一个项目，都有一些信任，也许有些库的工作很糟糕。但是您也许可以使用Node.js path来设置Papa的SCRIPT_PATH。

import path from 'path';

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

或者如果它也有这个问题，那么在代码中直接使用this link应答来使用papaparse。这是不建议的。