如何在不删除现有文件的前提下使用create-react-app初始化项目

方法1：直接使用强制参数 #

最新版create-react-app已内置--force参数，可跳过非空目录检测直接执行初始化：

• 若要在当前打开的现有项目文件夹内初始化，执行命令：
  npx create-react-app . --force
• 若要指定目标文件夹路径初始化，执行命令：
  npx create-react-app <目标文件夹路径> --force
  注意：该操作会覆盖和CRA默认模板重名的文件，操作前请先备份现有项目的重要资源，避免丢失

方法2：手动迁移（适合需要保留原有项目配置的场景） #

如果担心强制初始化覆盖现有重要文件，可以走手动迁移流程：

• 先在和现有项目同级的目录下新建空文件夹，正常初始化CRA项目：
  npx create-react-app temp-cra-project
• 将temp-cra-project内除public、src之外的所有配置文件、package.json复制到你的现有项目文件夹中
• 手动合并package.json内你原有项目的依赖和CRA新增的依赖项
• 将现有项目需要保留的资源放到对应的public或src目录下
• 执行npm install安装所有依赖，删除临时的temp-cra-project文件夹即可正常使用

异常排查 #

如果加了--force参数依然报错，可按以下方向排查：

• 检查create-react-app版本，低于5.0的旧版本不支持强制参数，可先执行npm install -g create-react-app更新到最新版后重试
• 检查当前文件夹是否有被其他程序占用的文件，关闭占用程序后重试
• 确认当前操作用户对目标文件夹有读写权限

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