React Native + Expo Go图片模块找不到问题求助

使用Expo Go学习React Native时，项目在Expo Snack中运行正常，但下载到本地用Expo Go运行时出现图片模块解析失败的错误，已确认文件实际存在，移除require语句会导致项目崩溃。

项目目录结构 #

assets/
    image folder 1
    image folder 2
    ...
    index.js

assets/index.js 代码 #

const Images = {
  1: {
    // bb
    0: require("./bb/0.JPG"),
  },
  2: {
    // sb
    0: require("./sb/0.JPG"),
    1: require("./sb/1.JPG"),
    2: require("./sb/2.JPG"),
  },
  3: {
    // btn
    0: require("./btn/0.JPG"),
    1: require("./btn/1.JPG"),
    2: require("./btn/2.JPG"),
  },
  4: {
    // co
    0: require("./co/0.JPG"),
    1: require("./co/1.JPG"),
    2: require("./co/2.JPG"),
  },
  5: {
    // hj
    0: require("./hj/0.JPG"),
    1: require("./hj/1.JPG"),
    2: require("./hj/2.JPG"),
  },
  6: {
    // lj
    0: require("./lj/0.JPG"),
    1: require("./lj/1.JPG"),
    2: require("./lj/2.JPG"),
  },
  7: {
    // utg2
    0: require("./utg2/0.JPG"),
    1: require("./utg2/1.JPG"),
    2: require("./utg2/2.JPG"),
  },
  8: {
    // utg1
    0: require("./utg1/0.jpg"),
    1: require("./utg1/1.JPG"),
    2: require("./utg1/2.JPG"),
  },
  9: {
    // utg
    0: require("./utg/0.jpg"),
    1: require("./utg/1.jpg"),
  },
};

export default Images;

引入方式 #

在app.js中引入：

import Images from "./assets/index.js";

错误信息 #

Error: Unable to resolve module ./bb/0.JPG from (Project Directory)\assets\index.js: 

None of these files exist:
  * assets\bb\0.JPG(.native|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.cjs|.native.cjs|.cjs)
  * assets\bb\0.JPG\index(.native|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.cjs|.native.cjs|.cjs)

解决方法 #

• 严格匹配文件名大小写：Windows系统文件名不区分大小写，但Node.js模块解析在Expo本地环境是大小写敏感的。检查本地文件的扩展名是否和require语句完全一致，比如代码中./bb/0.JPG对应的本地文件是否是0.JPG而非0.jpg，统一所有图片文件的扩展名大小写并修改代码中的对应路径。
• 清除Expo缓存：在项目根目录运行命令expo r -c，重启项目并清除缓存，缓存异常可能导致路径解析错误。
• 验证路径正确性：确认assets/bb/0.JPG路径确实存在，检查文件夹名、文件名是否有拼写错误（比如是否误写为BB或0.jpg）。
• 替换require为import：尝试改用import方式引入图片，示例如下：

  import bb0 from './bb/0.jpg';
  const Images = {
    1: {
      0: bb0
    },
    // 其他图片同理
  };
  

  Expo对import的模块解析逻辑可能更稳定，避免require带来的路径解析问题。
• 对齐Expo版本：确保本地Expo CLI和Expo Go版本一致，版本不兼容也可能导致资源解析异常，运行expo upgrade更新到最新稳定版。

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