执行react-native start命令遇警告及Metro配置缺失错误求助

报错信息 #

(node:14668) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency
(使用node --trace-warnings ...查看警告产生位置)
error No Metro config found in C:\Users\User\Desktop\firstProject.

操作步骤 #

• 安装了最新版本的node和npm。
• 使用npm install -g react-native-cli安装react native cli。
• 使用react-native init MyProject创建react-native项目。
• 执行react-native start时出现上述错误。

解决方案 #

1. 切换到正确的项目目录 #

你创建的项目是MyProject，但报错提示在firstProject目录找不到配置，说明执行启动命令时不在项目根目录。执行以下命令切换目录后重试：

cd C:\Users\User\Desktop\MyProject
react-native start

2. 解决Node.js版本兼容警告 #

padLevels警告是最新Node.js与旧版react-native-cli的依赖冲突导致的，可通过两种方式解决：

• 降级Node.js至LTS版本（如18.x或20.x，LTS版本兼容性更稳定）
• 改用官方推荐的npx方式创建项目（无需全局安装cli）：
  先卸载全局cli：

  npm uninstall -g react-native-cli
  

  重新创建项目：

  npx react-native@latest init MyProject
  

3. 手动添加Metro配置（若切换目录后仍报错） #

在项目根目录创建metro.config.js文件，写入以下内容：

const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');

const config = {};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);

保存后重新执行react-native start。

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