npx执行create-react-app调用旧版本无法正常初始化项目如何解决

根本原因 #

你遇到的问题是npx优先调用了本地缓存的旧版create-react-app，即使你卸载了全局安装的版本，缓存中的1.5.2版本仍会被npx优先调用，导致模板加载失败、项目目录缺失的问题。

解决步骤 #

• 第一步：清除npm本地缓存，删除残留的旧版包文件
  执行以下命令强制清空npm缓存：

npm cache clean --force

如果你是Windows系统，还可以手动检查C:\Users\你的用户名\AppData\Roaming\npm路径下是否存在create-react-app相关的脚本文件，有则全部删除。

• 第二步：检查当前目录是否存在局部安装的旧版本
  确认你执行创建命令的目录以及所有上级父目录中，没有局部安装的create-react-app包，即不存在包含create-react-app的node_modules文件夹，有则删除对应node_modules或者移动到其他目录执行命令。
• 第三步：强制调用最新版create-react-app执行创建
  直接执行以下命令，指定拉取最新版本运行，跳过本地缓存的旧版：

npx create-react-app@latest my-app

如果仍有问题，可以添加忽略本地版本的参数运行：

npx --ignore-existing create-react-app my-app

验证结果 #

执行创建命令完成后，检查生成的项目目录是否包含src、public文件夹，且package.json中react-scripts版本为最新稳定版即可。

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