如何在React Native中读取.json文件？

Question

我正在使用 React Native 版本 0.59.4。

我创建了一个名为 data.json 的文件。

但是当我像下面这样导入该文件时：

import myData from '../staticData/data.json';

我遇到了这个错误：Bundle failed: Could not resolve module ...，我确认路径是正确的。

我也尝试删除扩展名，但没有改变。

我几乎尝试了这里的每种解决方案。

还有其他可以尝试的方法吗？

编辑 我尝试将扩展名从.json更改为.js，并在该文件中添加了export default { // json }，它完美地解决了问题。

- Amine

---

你可以尝试使用以下代码： const myData = require('../staticData/data.json'); - Nimesh Bhalani

Answer 1

你做得很对，我认为你在处理路径方面出了问题。 你确定那是正确的路径吗？你的文件夹有多有序？？ 另一种方法是使用旧的JS方法。

const customData = require('./customData.json');

- guilherme victor ramalho natal

---

谢谢，看起来React Native不支持.json扩展名。 - Amine

看起来我相当确定它支持，但我不知道你正在使用的系统、npm版本等。我认为你可以在这里查看 https://dev59.com/Xl0b5IYBdhLWcg3wOvCd，并获得一些见解。 - guilherme victor ramalho natal

谢谢，我会看一下。 - Amine