无法将CSV文件链接导入Next js

Question

我想将本地 CSV 文件导入我的页面，但显示错误。我想获取本地的csv文件数据，而不需要在next.js中上传csv文件

示例：从 './dictionaries/en.csv' 导入数据；

const response = await fetch(DATA, {
      headers : { 
        'content-type': 'text/csv;charset=UTF-8'
       }
      })
      .catch(function() {
        console.log("error");
       }); 
      
      
const data = await response.text();

Answer 1

直接导入csv文件在nextjs中不起作用。需要指定导入文件的路径。接下来会将导入的文件视为 js 模块。由于 csv 文件不是 js 模块，因此无法工作。

const response = await fetch('/dictionaries/en.csv', {
      headers : { 
        'content-type': 'text/csv;charset=UTF-8'
       }
      })
      .catch(function() {
        console.log("error");
       }); 
      
      
const data = await response.text();