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

Question

我正在尝试在我的 js 类中加载一个 CSV 文件，但我无法在 react native 中这样做。此文件在本地可用。未下载。每当我提供 CSV 文件的路径时，我都会收到一条错误消息，指出找不到该模块。不存在这样的模块。我尝试将CSV放置在各种文件夹中以及我的项目根级别。它不起作用。我注意到图像不会面临同样的问题。

我什至尝试过这样做。

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

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

我已经尝试了导入语句，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)(空))

Answer 1

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

使用 Xcode 将文件放置在项目中的"项目设置"中的"构建阶段"选项卡下，检查资源是否包含在"复制捆绑资源"部分中。将文件添加到此处的列表，以防丢失。