第一个月
useEffect(() => {
(async () => {
const response = await fetch(csvData);
const data = await response.text();
console.log({ data });
parseCsv(data);
})();
parseCsv(csvData);
}, []);
const parseCsv = (dataCsv) => {
Papa.parse(dataCsv, {
header: true,
download: true,
worker: true,
dynamicTyping: true,
complete: function (results, file) {
console.log(results, file);
},
});
};
字符串
错误-> enter image description here
我也试过这个……
const parseCsv = (csvData) => {
Papa.parse(csvData, {
header: true,
download: true,
worker: true,
dynamicTyping: true,
complete: function (results, file) {
console.log(results, file);
},
});
型
};
根据文档和一些在线示例,我应该在结果中获得JSON格式的解析csv文件,但我无法调试此错误。我也试过直接在fetch函数中传递路径,也试过直接在Papa.parse(file,config)中传递路径。我正在接收一个sting obj,其中包含console.log中的所有数据。IDK,我现在只是在挣扎。
1条答案
按热度按时间esbemjvw1#
代码中的错误是csvData变量不是有效的URL。fetch()函数需要一个有效的URL,但csvData是本地机器上文件的路径。要解决这个问题,可以使用file:协议指定本地计算机上的文件路径。或者使用第三方库papaparse读取csv文件。
您发送给我的图像显示错误消息UncaughtDOMException:无法在“XMLHttpRequest”上执行“open”:无效URL。此错误消息表示XMLHttpRequest对象无法打开csvData变量中指定的URL。此错误最可能的原因是csvData变量不是有效的URL。