从GitHub拉取的React Native项目运行报错,新手求助
React Native iOS项目运行报错修复
核心问题
你用了Node.js的调试配置来启动React Native项目,这是错误的——React Native有专门的调试和运行方式,不能直接执行单个JS文件。
修复步骤
替换VS Code调试配置
打开项目根目录下的.vscode/launch.json,把现有内容替换成React Native专属配置:{ "version": "0.2.0", "configurations": [ { "name": "React Native: Debug iOS", "type": "reactnative", "request": "launch", "platform": "ios" } ] }补全项目依赖
打开终端,进入项目根目录,依次执行:# 安装JS依赖 npm install # 进入iOS目录安装原生依赖 cd ios && pod install && cd ..如果项目用yarn,把
npm install换成yarn install。正确启动项目
- 命令行启动:在项目根目录执行
npx react-native run-ios - 可视化启动:打开
ios文件夹里的项目名.xcworkspace(必须是xcworkspace,不是xcodeproj),用Xcode点击运行按钮。
- 命令行启动:在项目根目录执行
检查开发环境
确保你的Mac满足React Native iOS开发要求:- 安装了对应版本的Xcode
- 安装了CocoaPods(执行
pod --version能看到版本号就没问题) - 配置了Xcode命令行工具:执行
xcode-select --install完成安装
用户原始问题信息
- 原错误调试配置:
{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Launch Program", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/Referans/src/Navigation/Login/Login.js" } ] } - 操作相关截图:
内容的提问来源于stack exchange,提问作者aysekaplan
相关产品推荐
相关产品推荐




