Expo开发React Native应用时FileSystem.moveAsync报错路径不可移动

我之前在Expo开发React Native应用时也碰到过一模一样的问题！这个错误的根源是Expo的ImageEditor.cropImage生成的裁剪后图片存放在临时缓存目录，这个目录下的文件受系统权限限制，不允许直接用moveAsync操作。下面是我亲测有效的解决方法：

核心思路 #

不要直接移动临时缓存文件，改用复制文件的方式（读取原文件内容后写入目标位置），同时确保目标目录存在，最后清理临时文件（可选）。

修复后的完整代码 #

import { ImageEditor, Vibration, Camera } from 'expo';
import * as FileSystem from 'expo-file-system';

// ... 你的组件代码 ...

takePicture = async () => {
  if (!this.camera) return;

  try {
    // 1. 拍照获取原始图片
    const data = await this.camera.takePictureAsync();
    
    // 2. 配置裁剪参数
    const cropdata = {
      offset: { x: 0, y: 0 },
      size: { width: 100, height: 100 },
    };

    // 3. 裁剪图片（用Promise包装回调，统一async/await风格）
    const croppedUri = await new Promise((resolve, reject) => {
      ImageEditor.cropImage(
        data.uri,
        cropdata,
        resolve,
        reject
      );
    });

    // 4. 确保目标目录存在（如果不存在则创建）
    const photosDir = `${FileSystem.documentDirectory}photos/`;
    const dirInfo = await FileSystem.getInfoAsync(photosDir);
    if (!dirInfo.exists) {
      await FileSystem.makeDirectoryAsync(photosDir, { intermediates: true });
    }

    // 5. 复制裁剪后的图片到目标位置（替换原来的moveAsync）
    const targetUri = `${photosDir}Photo_${this.state.photoId}.jpg`;
    await FileSystem.copyAsync({ from: croppedUri, to: targetUri });

    // 6. 可选：删除临时裁剪文件，清理缓存
    await FileSystem.deleteAsync(croppedUri);

    // 7. 更新状态并反馈
    this.setState({ photoId: this.state.photoId + 1 });
    Vibration.vibrate();
  } catch (error) {
    console.error("拍照/裁剪/保存流程出错：", error);
  }
};

// ... 你的组件代码 ...

关键修改点说明 #

• 替换moveAsync为copyAsync：临时缓存文件的移动操作受权限限制，但复制操作是读取文件内容后重新写入，不受这个限制。
• 提前创建目标目录：如果photos文件夹不存在，复制操作会失败，所以先检查并创建目录。
• 用Promise包装ImageEditor.cropImage：将回调式的API转为Promise风格，配合async/await避免回调地狱，同时统一错误捕获。
• 添加全局错误捕获：用try/catch包裹整个流程，避免出现未处理的Promise拒绝。

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