You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

执行npx react-native init AwesomeProject报错node模块加载异常求助

解决React Native安装时node模块加载报错(node:internal/modules/cjs/loader:372)

这个报错是Node.js无法正确加载模块导致的,试试以下步骤修复:

1. 确认Node.js版本符合要求

React Native仅支持特定Node.js LTS版本(当前推荐18.x/20.x),先检查版本:

node -v

如果版本不符,用nvm切换到兼容版本:

# 安装nvm(若未安装)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# 安装并切换到LTS版本
nvm install --lts
nvm use --lts

2. 彻底清理缓存与残留包

缓存损坏或残留的全局包会引发加载问题:

# 清理npm缓存
npm cache clean --force
# 卸载所有全局React Native相关工具
npm uninstall -g @react-native-community/cli react-native-cli create-react-app
# 若已有本地项目,删除依赖文件
rm -rf node_modules package-lock.json yarn.lock

3. 按官方流程重新创建项目

不要用npm init,直接用npx调用官方cli创建项目(无需全局安装):

npx react-native init YourAppName

4. 检查环境变量与权限

  • 路径检查:确保Node.js的bin目录在系统PATH中,执行echo $PATH(Linux/macOS)或echo %PATH%(Windows)验证。
  • 权限修复(Linux/macOS):若全局包目录权限异常,执行:
    sudo chown -R $USER:$GROUP ~/.npm
    

进阶排查

如果以上步骤无效,检查npm config get prefix返回的全局包路径是否正常,若路径错误,重置为默认:

# Linux/macOS默认路径
npm config set prefix /usr/local
# Windows默认路径
npm config set prefix C:\Users\<你的用户名>\AppData\Roaming\npm

内容的提问来源于stack exchange,提问作者Kulaba Brian Austin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 10:06:25