React Native 0.59.4读取.json文件失败，求可行解决方案

我之前在React Native 0.59.x版本开发时也碰到过一模一样的问题——明明路径没问题，尝试移除扩展名也没用，就是报Bundle failed: Could not resolve module ...的错误，折腾了好一阵才找到靠谱的解决办法，刚好和你最后摸索出来的方案一致：

• 把JSON文件转为JS模块：将data.json重命名为data.js，然后在文件内用export default包裹原JSON内容，示例如下：

  export default {
    // 这里放你原来的JSON数据内容
    "key1": "value1",
    "key2": ["item1", "item2"]
  };
  

• 正常导入使用：之后直接用import myData from '../staticData/data.js';就能正常引入数据了。

这个方法之所以有效，是因为React Native 0.59.x版本的Metro打包器在处理纯JSON文件的导入时存在兼容性问题，而将其转为标准的JS模块后，打包器能更稳定地解析识别模块导出内容，完美避开这个坑。

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