React Native安装报错:项目缺失metro-config依赖包问题咨询
报错原因
- 核心问题是项目中缺失
metro-config依赖包,该依赖是React Native官方打包工具Metro的内置配置依赖,默认随react-native包一起安装 - 常见触发场景:
package.json的dependencies配置未声明react-native依赖- 已声明依赖但未执行安装操作,
node_modules目录下无对应安装文件 - 项目路径包含空格(你当前路径中的
ToDo APP存在空格),Windows环境下部分Node.js工具解析路径失败,无法识别已安装的依赖
解决方案
按顺序执行以下步骤即可:
- 校验依赖声明
打开项目根目录的package.json,确认dependencies字段下存在react-native配置,若缺失,执行对应安装命令:- npm用户:
npm install react-native - yarn用户:
yarn add react-native
- npm用户:
- 全量重装依赖
先清理旧的依赖文件:- 删除项目根目录下的
node_modules文件夹 - 删除
package-lock.json(npm用户)或yarn.lock(yarn用户)文件
再执行安装命令: - npm用户:
npm install - yarn用户:
yarn
- 删除项目根目录下的
- 修复路径问题(前两步无效时执行)
将路径中的ToDo APP文件夹重命名为无空格的名称,例如ToDoAPP,之后重新进入项目目录执行启动命令即可。
内容的提问来源于stack exchange,提问作者Lucian Horvat
相关产品推荐
相关产品推荐

