React Native-如何访问我的项目层次结构中的 .csv 文件

Question

我正在尝试在我的 js 类中加载一个 CSV 文件，但我无法在本机反应中这样做。该文件在本地可用。未下载。每当我提供 CSV 文件的路径时，我都会收到一条错误消息，提示找不到模块。不存在这样的模块。我尝试将 CSV 放在各种文件夹中，也放在我的项目根级别。这是行不通的。我注意到图片没有遇到同样的问题。

我什至尝试过这样做。

https://willowtreeapps.com/ideas/react-native-tips-and-tricks-2-0-managing-static-assets-with-absolute-paths/

同样适用于图像，但奇怪的是不适用于 CSV。

我已经尝试过 import 语句、require 语句，甚至是文件的相对路径。每次都是同样的错误。

我是新手，也许我错过了一些步骤？

编辑：我尝试过的两种方法

import RNFS from 'react-native-fs';
import Papa from 'papaparse';
import CSVData from './CSVData.csv';

function loadAllCSV()
{
 console.log('Loading CSV');
 var path = './CSVData.csv';
 console.log(path);
 const fileContents = RNFS.read(path);
 console.log('File Data ' + fileContents);
 Papa.parse(CSVData, {
   download: true,
   delimiter: '\t',
   complete: function(results) {
      console.log('ZOMBIIIIEEEE');
      console.log(results);
    }
   });
}

错误： 无法加载捆绑包（http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false）并出现错误：（无法从/Users/abc/xyz/SearchPage.js 解析模块./CSVData.csv：无法从/Users/abc/xyz/SearchPage.js 找到模块./CSVData.csv。事实上，这些文件都不存在：

• /Users/abc/xyz/CSVData.csv(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)
• /Users/abc/xyz/CSVData.csv/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json) (null))

Answer 1

将 .CSV 文件添加到 iOS 中的项目资产包为我解决了这个问题。

使用 Xcode 将项目中的文件放置在 Build Phases 选项卡下的 Project Settings 中，检查 Assets 是否包含在 Copy Bundle Resources 部分中。将文件添加到此处的列表中，以防它们丢失。