如何为react原生ios导入数据文件(json、jsx、js等)

Question

我有一个类似这样的数据文件。

[
{
"id": 1,
"title": "Car",
"personal_require": 1,
"public_serve": 1,
"public_require": 1,
"personal_serve": 1
},
{
"id": 2,
"title": "House",
"personal_require": 1,
"public_serve": 1,
"public_require": 1,
"personal_serve": 1
},
{
"id": 3,
"title": "Finance",
"personal_require": 1,
"public_serve": 1,
"public_require": 1,
"personal_serve": 1
}
]

我使用导入，它适用于网络，但对于iOS，系统似乎找不到文件。我得到错误：

构建JavaScript捆绑包失败。无法解析模块../测试/data/defaultWishlist.json/用户/wlin/dev/wishlist/screens/SeveScreen.tsx:

这些文件都不存在：*defaultWishlist.json*测试/data/defaultWishlist.json/index(.native|.ios.ts|.native.ts|.ios.ssx|.native.ssx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.jsx|.ios.json|.native.json|.json(15|从"…"导入WishlistItem/components/WishlistItemText"；；16|从"…"导入｛Wishlist｝/类型"；；

17 |从"…"导入*作为defaultWishlist/测试/data/defaultWishlist.json"；；|^18|19|类型ServeNavigationProp=StackNavigationProp<ServeParamList，"ServeScreen">；20|type Props=｛警告：问题检查手表版本。无效版本：20210524。

我试过json、js、ts、jsx。。。它们都不起作用。完整代码如下：https://github.com/dotku/aladdin/tree/iosBundleFail

Answer 1

正如我所看到的，你试图错误地导入它。

要修复此问题，请将defaultWishlist.js更改为defaultWishlist.json那么不要在json文件中使用export。

/测试示例/data/defaultWishlist.json:

[
{
id: 1,
title: "Car",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
{
id: 2,
title: "House",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
{
id: 3,
title: "Finance",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
]

然后你可以在每个文件上使用这个json，只要你称之为：

const list = require('./___test___/defaultWishlist.json');

这是一种可重复的零食：零食示例

编辑：只是添加，如果你试图将其作为JS文件导入。结构应该是这样的：

const export data = [
{
id: 1,
title: "Car",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
{
id: 2,
title: "House",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
{
id: 3,
title: "Finance",
personal_require: 1,
public_serve: 1,
public_require: 1,
personal_serve: 1,
},
]

然后在你的文件上，你会这样称呼它：

import {data} from './___test___/defaultWishlist.js'