javascript - (帮助)React Native JSON 文件太大。 Bundler 堆内存不足

Question

首先，感谢您花时间打开并阅读本文。所以! 我需要指出的是，我 4 周前刚刚从 React Web 开发开始使用 React Native。

基本上我正在制作一个应用程序，我需要在其中导入一个名为“cityData.json”的相当大的 JSON 文件，大小约为 23.8MB。

这是我需要 JSON 的示例代码。

const cityData = require('./dataFolder/cityData.json');

JSON 数组的一个元素看起来像这样......

{ "id": 707860, "name": "Hurzuf", "country": "UA", "coord": { "lon": 34.283333, "lat": 44.549999 } }, 

并且有很多这样的元素。 每当我使用 react-native run-android 运行代码时，我都会从捆绑程序中遇到内存问题。

这是它的截图...

Node terminal screenshot

我花了大约 3 个小时来寻找发生这种情况的原因，并且很多人都提出了一些关于不应转译某些内容的建议？有变身之类的吗？对不起，就像我说的，我是新手。然后他们建议我“忽略”:使用 .babelrc 或 package.json 与我的 JSON 文件交互的包？我不太确定他们的意思。我不明白 **/*.js 语法。但我确实知道一个事实，每当我传入较小的 JSON 文件时，它都会完美加载。只是这个 JSON 文件太大了!那个进度条不会移动...

正如您在阅读该段后看到的那样，我对 babel 和 bundle 的任何事情都非常不满意。所以希望你们(比我更有经验)可以帮助我解决这个问题!

注意:我曾尝试将“忽略”添加到 package.json 和 .babelrc 文件，但我很确定我做错了。

感谢阅读，希望我们能解决它!

Answer 1

添加<application android:largeHeap="true" ...>给你的AndroidManifest.xml文件。