如何从本地未托管GitHub的Expo项目中彻底移除gluestack-ui？

1. 卸载相关依赖包 #

根据你使用的包管理器执行对应命令，卸载gluestack-ui及其关联的核心依赖：

• npm：npm uninstall gluestack-ui @gluestack-style/react @gluestack-ui/themed @gluestack-ui/config
• yarn：yarn remove gluestack-ui @gluestack-style/react @gluestack-ui/themed @gluestack-ui/config
• pnpm：pnpm remove gluestack-ui @gluestack-style/react @gluestack-ui/themed @gluestack-ui/config

注意：如果react-native-svg是gluestack init自动安装的（项目之前未使用该依赖），也一并卸载；若项目原本依赖它则保留。

2. 清理配置文件与新增文件 #

gluestack init会修改或新增多个配置文件，逐一检查处理：

• babel.config.js：移除其中的@gluestack-style/babel-plugin插件配置项
• tailwind.config.js：若为gluestack新增则直接删除；若项目原本使用Tailwind，恢复被修改的预设、主题配置
• metro.config.js：检查是否添加了gluestack相关的resolver规则，如有则删除
• 删除项目根目录下新增的gluestack专属文件（如gluestack-ui.config.ts）、主题文件夹（如theme/）等

3. 恢复入口文件与业务代码 #

gluestack init会替换项目入口文件（App.js/App.tsx）为模板内容，需做以下操作：

• 恢复入口文件为你原本的代码结构；若记不清原内容，可参考Expo默认的基础App组件模板
• 全局搜索项目代码中的gluestack组件导入（如import { Button, Box } from 'gluestack-ui'），删除这些导入并替换为你原本使用的组件（Expo原生组件或其他UI库组件）

4. 清理缓存与验证 #

• 清理包管理器缓存：
  • npm：npm cache clean --force
  • yarn：yarn cache clean
  • pnpm：pnpm store prune
• 启动Expo项目时强制清除缓存：npx expo start --clear
• 运行项目并检查编译日志，确认无gluestack相关报错

5. （可选）借助备份快速恢复 #

如果你在执行gluestack init前有本地项目备份，可通过文件对比工具（如VS Code的Compare Files插件）批量找出被修改的文件，直接覆盖恢复原内容。

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