如何卸载或更新全局React相关依赖以解决create-react-app初始化报错问题

解决方案 #

1. 解决npx升级冲突报错 #

执行强制覆盖安装即可解决软链接冲突问题：

npm install -g npx --force

如果执行后仍报错，手动删除冲突软链接后再重装：

rm /Users/home/.nvm/versions/node/v10.15.1/bin/npx
npm install -g npx

2. 升级Node到官方支持的稳定版本 #

你当前使用的Node v10.15.1版本过于老旧，最新版create-react-app已不再支持v14以下的Node版本，这是你创建项目缺失public、src文件夹的核心原因。你已经安装了nvm，直接通过nvm升级即可，无需改动系统其他内容：

• 安装最新长期支持版Node：

nvm install --lts

• 将其设置为全局默认版本：

nvm alias default lts/*

• 验证版本是否切换成功：

node -v
npm -v

3. 清空所有旧版React相关全局依赖和缓存 #

• 卸载全局安装的旧版create-react-app：

npm uninstall -g create-react-app

• 清理npm全局缓存：

npm cache clean --force

• 清理npx缓存，避免调用本地缓存的旧版create-react-app：

npx clear-npx-cache

4. 验证修复效果 #

找一个空文件夹执行项目创建命令即可：

npx create-react-app new-app

注：创建过程中出现的依赖废弃警告是create-react-app官方打包的内置依赖版本问题，不影响正常开发使用，无需额外处理，生成的项目会自带完整的public、src等必要文件夹。

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