javascript DOMException:在react项目中使用PapaParse时出错

vmdwslir  于 2023-08-02  发布在  Java
关注(0)|答案(1)|浏览(133)

第一个月

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,我现在只是在挣扎。

esbemjvw

esbemjvw1#

代码中的错误是csvData变量不是有效的URL。fetch()函数需要一个有效的URL,但csvData是本地机器上文件的路径。要解决这个问题,可以使用file:协议指定本地计算机上的文件路径。或者使用第三方库papaparse读取csv文件。
您发送给我的图像显示错误消息Uncaught
DOMException:无法在“XMLHttpRequest”上执行“open”:无效URL
。此错误消息表示XMLHttpRequest对象无法打开csvData变量中指定的URL。此错误最可能的原因是csvData变量不是有效的URL。

相关问题