如何从CRNA中彻底移除Expo？实现无Expo的CRNA开发

我完全懂你这种被Expo调试耗掉大量时间的崩溃感——有时候工具反而成了开发的绊脚石。下面是一套从CRNA（Create React Native App）项目里彻底移除Expo的完整步骤，帮你回到纯React Native的开发流程，同时保留CRNA原本的调试工具支持：

1. 卸载所有Expo相关依赖 #

首先在项目根目录下执行命令，移除所有Expo核心及附属包：

# npm 用户
npm uninstall expo expo-cli @expo/*

# Yarn 用户
yarn remove expo expo-cli @expo/*

卸载完成后，打开package.json检查一遍，把任何遗漏的Expo相关依赖（比如expo-status-bar、expo-constants这类）手动删掉。

2. 替换项目入口文件 #

CRNA默认用Expo的registerRootComponent作为入口，我们需要改成纯React Native的注册方式：

• 如果项目根目录没有index.js，新建一个；如果已有，替换内容为：

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

• 同时检查你的App.js，把所有Expo相关的导入替换成React Native原生的，比如把import { StatusBar } from 'expo-status-bar'改成import { StatusBar } from 'react-native'。

3. 清理配置文件 #

• 编辑app.json，删除所有Expo专属配置项，只保留最基础的应用信息：

{
  "name": "YourAppName",
  "displayName": "YourAppName"
}

• 直接删除项目根目录下的expo.json、eas.json这类Expo配置文件。
• 检查.gitignore，如果有.expo/、dist/（Expo构建产物）这类条目，可以保留或根据需求调整。

4. 修复React Native核心依赖 #

移除Expo后可能需要重新安装React Native的核心包，确保依赖链完整：

# npm 用户
npm install react-native react-native-cli

# Yarn 用户
yarn add react-native react-native-cli

5. 保留调试工具的使用方法 #

放心，CRNA的调试能力本质上就是React Native原生的调试能力，移除Expo后你依然可以：

• 唤起开发者菜单：iOS模拟器按Cmd+D，Android模拟器按Ctrl+M（物理设备直接摇晃）
• 开启Remote JS Debugging：和之前一样，会打开Chrome调试界面，支持断点、日志查看、性能分析
• 使用React DevTools：单独安装react-devtools包后，执行npx react-devtools就能启动，调试组件树和状态完全没问题

启动项目的命令也从expo start换成纯React Native的命令：

# 启动iOS项目
npx react-native run-ios

# 启动Android项目
npx react-native run-android

6. 替换Expo原生模块（如果有使用） #

如果你的项目用到了Expo提供的原生模块（比如expo-camera、expo-location），需要换成对应的纯React Native第三方库：

• 比如用react-native-camera代替expo-camera，用react-native-geolocation-service代替expo-location
• 按照对应库的文档完成安装和配置，RN 0.60+版本支持自动链接，低版本可能需要手动执行react-native link命令

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