Expo Go本地背景图仅Web端显示，移动端USB连接不显示求助

一、本地图片移动端不显示的问题 #

RN移动端与Web端的资源处理逻辑存在差异，直接使用'/Images/sql.png'这类根路径URI无法被移动端打包工具识别，必须通过require导入资源：

1. 修改背景图引用方式

   • 若使用ImageBackground组件：

     <ImageBackground 
       source={require('./Images/sql.png')} 
       style={/* 自定义样式 */}
     >
       {/* 子组件内容 */}
     </ImageBackground>
     

   • 若在StyleSheet中设置背景图：

     const styles = StyleSheet.create({
       container: {
         backgroundImage: require('./Images/sql.png'),
         // 按需补充backgroundSize、backgroundPosition等样式
       }
     });
     

   注意：路径需写为相对于当前组件文件的相对路径，而非项目根目录的绝对路径。例如组件在src/pages/Home.js，图片在项目根目录Images/sql.png，路径应改为require('../../Images/sql.png')

2. 确保资源被打包
   只有通过require引用的图片，才会被react-native bundle命令识别并复制到Android的res目录中，移动端才能正常加载。

二、react-native bundle命令提示unknown command bundle的问题 #

你执行bundle -v返回的是Ruby的Bundler版本，与RN的bundle命令并非同一工具，问题出在RN CLI的调用方式上：

1. 用npx执行RN命令（推荐）
   避免全局安装RN CLI的版本冲突，直接调用项目本地依赖的RN CLI执行：

   npx react-native bundle --platform android --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --dev false --reset-cache --assets-dest android/app/src/main/res/
   

2. 检查RN CLI安装情况
   若不想使用npx，可全局安装RN CLI：

   npm install -g react-native-cli
   

   安装完成后重新执行react-native bundle命令即可。

3. 验证项目依赖完整性
   进入项目根目录执行npm install，确保react-native依赖完整安装，避免因依赖缺失导致命令无法识别。

三、后续编译步骤 #

执行完bundle命令后，需重新编译Android项目才能让修改生效：

• Windows系统：

  cd android
  gradlew.bat assembleRelease
  

• macOS/Linux系统：

  cd android
  ./gradlew assembleRelease
  

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