typescript - 在 nextjs + typescript 中处理 csvs 的正确方法

我正在用 nextjs & typescript 构建一个网络应用程序。我有一个要显示的图表,并希望将 csv 文件用于数据(让我知道使用 csv 是否是一个糟糕的选择 - 我想最后我可能会将这些数据添加到我的后端服务器,这样我就可以将其添加到 date 并从 api 提供它)。

我将 csv 文件 mydata.csv 保存在 /public 中。我应该使用诸如 papaparse 之类的库吗?如果可以,如何将文件传递给解析器?还有一个我在这里找到的解决方案 https://stackoverflow.com/questions/55341986/how-do-i-import-a-file-with-a-space-using-next-js 但是当我尝试时:const dt = import('../../public/mydata.csv') 我收到错误“找不到模块”.. /../public/mydata.csv' 或其对应的类型声明.ts(2307)"

回答1

import dt from '../../public/mydata.csv'; 格式与您链接到的 webpack 解决方案一起实现时对我来说效果很好。

问题可能是您使用的 IDE 不理解 next.config.js (我的不理解并显示此错误)。

但是,该应用程序构建和运行都很好,给了我解析的 csv 内容(无需使用 papaparse.

相似文章