React Native加载31MB JS文件报错，求可行解决方案

问题根源 #

31MB的JS数组文件在Expo Go启动时，会被Jest解析进程处理，过大的体积导致内存占用超限，触发进程终止（SIGTERM）。直接导出JS数组的方式对大体积数据不友好，解析成本远高于静态JSON文件。

解决方案 #

• 改用JSON文件存储+按需加载
  将数据保存为quotes.json，替代JS模块导出，Expo对静态JSON的解析效率更高，内存占用更低：

  // 同步加载（适合启动时必须用到数据的场景）
  const dataArray = require('./database/quotes.json');
  
  // 异步加载（推荐，减轻启动时的资源压力）
  async function loadData() {
    const res = await fetch(require('./database/quotes.json'));
    const dataArray = await res.json();
    // 后续数据处理逻辑
  }
  

• 数据分片加载
  将31MB的大数组拆分为多个小文件（比如按条目数量拆分），根据页面需求动态加载对应分片：

  async function loadDataPart(part) {
    const res = await fetch(require(`./database/quotes-part${part}.json`));
    return res.json();
  }
  
  // 例如加载第一部分数据
  const part1Data = await loadDataPart(1);
  

• 利用Expo Asset模块优化加载
  通过Expo Asset管理大文件，借助其缓存机制和本地加载能力优化性能：

  import { Asset } from 'expo-asset';
  
  async function loadBigData() {
    const asset = Asset.fromModule(require('./database/quotes.json'));
    await asset.downloadAsync();
    const res = await fetch(asset.localUri);
    const dataArray = await res.json();
    return dataArray;
  }
  

• 优化数据结构压缩体积
  检查数据中的冗余内容，通过枚举映射重复字符串、移除无用字段等方式缩小文件体积：

  // 优化前
  [{"field2": "重复文本"}, {"field2": "重复文本"}]
  
  // 优化后
  {"textMap": {"重复文本": 1}, "data": [{"field2": 1}, {"field2": 1}]}
  

  加载后再将枚举值映射回原字符串，能有效降低文件大小。

其他调用方式 #

上述的JSON文件加载、分片加载、Asset模块加载，都是比直接导出JS数组更适合大体积数据的调用方式，能避免启动时的进程终止问题，同时优化应用的启动速度和内存占用。

内容的提问来源于stack exchange，提问作者f1ian