如何在Vue.js 3中使用papa-parse读取本地CSV文件

e0bqpujr  于 2023-07-31  发布在  Vue.js
关注(0)|答案(1)|浏览(243)

我想做的是在vue.js中读取csv文件(在我的目录中)
我首先尝试的是

import Papa from "papaparse";
import csvFile from "../../../assets/files/mediList.csv";

 Papa.parse(csvFile, {
   download: true,
   encoding: "UTF-8",
  complete: function (results) {
    console.log(results);
   },
 });

字符串
并得到错误
模块解析失败:意外的字符“”(1:0)您可能需要一个适当的加载程序来处理此文件类型,目前没有加载程序配置为处理此文件。参见https://webpack.js.org/concepts#loaders
我得到了同样的错误时,我只留下下面的代码

import csvFile from "../../../assets/files/mediList.csv";


我还尝试使用fs模块,但失败了,因为它不是node js。
我应该怎么做才能读取位于同一目录中的本地csv文件?

cmssoen2

cmssoen21#

如果你使用的是webpack,它会尝试解析导入到vue文件中的文件。
我推荐使用papa parse docs的“解析远程文件”:

Papa.parse("../../../assets/files/mediList.csv", {
    download: true,
    // rest of config ...
})

字符串
另一个选项是为静态文件设置一个特定的文件夹(例如:/public),其中的文件不会被转换,因此您可以以相对的方式引用此文件夹。

相关问题