使用npx create-react-app安装React失败，报ERR_REQUIRE_ESM错误

问题原因 #

你遇到的ERR_REQUIRE_ESM错误，是因为Node.js v20.10.0环境下，npx缓存的chalk（CommonJS模块）尝试用require()引入全局安装的ES模块版本supports-color，两者模块格式不兼容导致冲突。全局安装supports-color反而加剧了这个问题，因为npx会优先读取全局包而非临时缓存的兼容版本。

解决步骤 #

1. 卸载全局的supports-color

npm uninstall supports-color -g

2. 清除npx缓存
   清理旧的依赖缓存，避免残留的不兼容版本干扰：

npx clear-npx-cache

3. 重新执行create-react-app命令
   此时npx会重新下载一套兼容的依赖包，包括匹配chalk版本的supports-color：

npx create-react-app myfirstreactapp

备选方案（若上述步骤无效） #

如果问题依旧，可尝试强制重新安装：

npx create-react-app myfirstreactapp --force

或者降级Node.js到LTS版本（如v18.x），该版本对CommonJS和ES模块的兼容更稳定。

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