React Native Expo项目无法解析../../Utilities/Platform模块的问题求助

报错信息 #

找不到以下任何文件：* node_modules\react-native\Libraries\Utilities\Platform(.web.ts|.ts|.web.tsx|.tsx|.web.mjs|.mjs|.web.js|.js|.web.jsx|.jsx|.web.json|.json|.web.cjs|.cjs|.web.scss|.scss|.web.sass|.sass|.web.cs

已尝试操作 #

• 清除缓存
• 重新安装node modules
• 检查依赖版本是否正确
• 验证node_modules目录中Platform模块是否实际存在

补充背景 #

近期移除了expo-permissions等已弃用包，并使用npx expo install修复了兼容性问题，怀疑是模块解析问题或配置错误。

针对性解决方案 #

1. 修复Metro配置文件 #

移除弃用包后，Metro的模块解析规则可能异常。打开metro.config.js，确保配置包含react-native的正确解析路径：

const { getDefaultConfig } = require('@expo/metro-config');
const path = require('path');

const config = getDefaultConfig(__dirname);

// 确保解析器识别react-native的源文件扩展名
config.resolver.sourceExts = [...config.resolver.sourceExts, 'ts', 'tsx'];
// 避免跨目录模块解析问题
config.resolver.nodeModulesPaths = ['node_modules', path.resolve(__dirname, './node_modules')];

module.exports = config;

2. 深度清理Expo缓存 #

普通缓存清理可能无效，执行以下命令彻底重置：

# 清理Expo缓存并重启服务
npx expo start --clear
# 删除本地Expo缓存目录
rm -rf .expo

Windows用户替换为：

rmdir /s /q .expo

3. 强制同步react-native与Expo版本 #

版本不兼容是常见诱因，先确认package.json中expo和react-native的匹配关系（比如Expo 49对应react-native 0.72.x，Expo 50对应0.73.x），然后执行：

npx expo install react-native@匹配版本号

或者直接用Expo的自动匹配命令：

npx expo install --fix

4. 清理残留的弃用包引用 #

全局搜索项目代码，检查是否还有expo-permissions的残留调用，或者错误的Platform导入方式（比如非import { Platform } from 'react-native'的写法），全部清理后重新编译。

5. 重新安装完整的react-native依赖 #

如果确认node_modules中Platform文件缺失，说明react-native安装不完整，执行：

npm uninstall react-native
npm install react-native@对应版本

6. 检查Babel配置有效性 #

确保babel.config.js使用Expo官方预设，避免解析错误：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
  };
};

内容的提问来源于stack exchange，提问作者Prithvi Singh Chauhan