React Native项目启动异常：仅显示闪屏后崩溃求助

算力阿峰

2026-8-3

问题：React Native应用启动闪屏后直接崩溃关闭

我有一个React Native项目，尝试运行应用时，仅显示启动闪屏后应用就直接关闭了，附上错误截图。

我的devDependencies如下：

"devDependencies": { 
  "@babel/core": "^7.20.0", 
  "@babel/preset-env": "^7.20.0", 
  "@babel/runtime": "^7.20.0", 
  "@react-native-community/eslint-config": "^3.0.0", 
  "@tsconfig/react-native": "^2.0.2", 
  "@types/jest": "^29.2.1", 
  "@types/react": "^18.0.24", 
  "@types/react-test-renderer": "^18.0.0", 
  "babel-jest": "^29.2.1", 
  "eslint": "^8.19.0", 
  "jest": "^29.2.1", 
  "metro-react-native-babel-preset": "0.73.7", 
  "prettier": "^2.4.1", 
  "react-test-renderer": "18.2.0", 
  "typescript": "4.8.4" 
}

解决建议

查看详细崩溃日志：
仅靠闪屏无法定位问题，必须获取具体错误信息：
- Android：终端执行adb logcat *:E查看实时错误日志，过滤关键报错；
- iOS：通过Xcode运行项目，查看控制台输出的崩溃详情。
校验依赖版本兼容性：
metro-react-native-babel-preset版本0.73.7对应React Native 0.73.x系列，确认你的RN核心版本与该preset版本匹配——版本不兼容是启动崩溃的常见原因。可通过npm list react-native查看当前RN版本，若不匹配则更新metro preset到对应版本。

清理缓存后重新构建：
执行以下命令清除缓存，再尝试启动：

npm cache clean --force
npx react-native start --reset-cache
npx react-native run-android  # iOS用run-ios

验证入口组件：
把App.tsx（或App.js）替换为最简测试组件，排查是否是组件逻辑导致的崩溃：

import React from 'react';
import { View, Text } from 'react-native';

const App = () => {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Test App</Text>
    </View>
  );
};

export default App;