执行npx create-react-app未生成React应用主体及src、public目录怎么办

• 执行创建React项目的命令：npx create-react-app my-app
• 生成的目标文件夹内仅存在node_modules、package.json、yarn.lock三类文件，缺失src、public核心目录与应用主体代码
• 命令返回报错：未提供项目模板，该问题通常由使用的create-react-app版本过旧导致（原报错信息：a template was not provided, this is likely you're using an outdated version of create-react-app）
• 当前运行环境版本：
  • Node.js：v16.15.1
  • npm：v7.24.2
• 异常截图：
  • 命令执行报错截图：
  • 残缺目录结构截图：

该问题的核心诱因是npx优先调用了本地缓存的过旧版本create-react-app，旧版本无法自动拉取对应项目模板，按以下步骤操作即可修复：

1. 先删除此前生成的残缺my-app文件夹，避免后续创建时因目录已存在触发冲突。
2. 卸载全局安装的旧版本create-react-app，根据使用的包管理器选择对应命令：

# 使用npm的用户执行
npm uninstall -g create-react-app

# 使用yarn的用户执行
yarn global remove create-react-app

3. 清空npx本地缓存，避免旧版本缓存被优先调用：

npx clear-npx-cache

如果上述命令执行失败，可直接执行npm cache clean --force强制清空npm全量缓存。
4. 指定最新版本的create-react-app重新创建项目：

npx create-react-app@latest my-app

如果执行后依然提示模板相关错误，可在命令中手动指定官方默认模板参数：

npx create-react-app@latest my-app --template cra-template

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