运行ReactNative工程watchman运行错误

本文详细记录了解决React Native项目中遇到的Watchman错误的过程,包括如何正确卸载和重新安装Watchman,以及解决权限问题的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在运行RN工程的时候执行react-native run-android的时候控制台一只出现这个玩意儿~~

Watchman:  watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty
解决方法:

npm下面的包也有watchman,如果安装了先卸载

npm r -g watchman

brew uninstall watchman 
brew link pcre 
brew install --HEAD watchman

然后安装不了出现了错误

Error: An unexpected error occurred during the `brew link` step
The formula built, but is not symlinked into /usr/local
Permission denied @ dir_s_mkdir - /usr/local/Frameworks

Error: Permission denied @ dir_s_mkdir - /usr/local/Frameworks

此时尝试解决方案:

brew link --overwrite watchman  继续报错

Error: No such keg: /usr/local/Cellar/watchman

解决方案开放权限:

sudo chown -R whoami /usr/local

sudo mkdir /usr/local/Frameworks

sudo chown $(whoami):admin /usr/local/Frameworks

 brew link --overwrite watchman  然后提示变为:

Error: No such keg: /usr/local/Cellar/watchman

重新安装:

npm install watchman  Ok了

ERROR: Unknown option --no-prettyERROR: Unknown option --no-prettyWatchman: watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty ERROR watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty Error: watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty at ChildProcess.<anonymous> (.../fb-watchman/index.js: 198: 18) at emitTwo (events.js: 106: 13) at ChildProcess.emit (events.js: 191: 7) at maybeClose (internal/child_process.js: 852: 16) at Socket.<anonymous> (internal/child_process.js: 323: 11) at emitOne (events.js: 96: 13) at Socket.emit (events.js: 188: 7) at Pipe._handle.close [ as _onclose] (net.js: 492: 12)


作者:姜家志
链接:https://www.jianshu.com/p/a324bdf977ea
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
ERROR: Unknown option --no-prettyERROR: Unknown option --no-prettyWatchman: watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty ERROR watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty Error: watchman--no-pretty get-sockname returned with exit code 1 ERROR: Unknown option --no-pretty at ChildProcess.<anonymous> (.../fb-watchman/index.js: 198: 18) at emitTwo (events.js: 106: 13) at ChildProcess.emit (events.js: 191: 7) at maybeClose (internal/child_process.js: 852: 16) at Socket.<anonymous> (internal/child_process.js: 323: 11) at emitOne (events.js: 96: 13) at Socket.emit (events.js: 188: 7) at Pipe._handle.close [ as _onclose] (net.js: 492: 12)


作者:姜家志
链接:https://www.jianshu.com/p/a324bdf977ea
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
<think>好的,用户的问题是如何在VS Code中运行和配置React Native项目。首先,我需要回忆一下React Native的基本配置流程,以及VS Code的相关插件和设置。根据用户提供的引用内容,特别是引用[1]和引用[2],里面提到了安装React Native CLI、VS Code的安装,以及调试环境的配置。 首先,用户需要安装React Native CLI,这是通过npm全局安装的,所以第一步应该指导用户安装Node.js和npm,如果还没安装的话。不过用户可能已经具备这些,所以可以直接给出安装命令:npm install -g react-native-cli。 接下来,创建新项目,使用react-native init命令。这里需要注意,如果用户遇到权限问题,可能需要加上sudo(在Mac/Linux下)或者以管理员身份运行命令行(Windows)。不过通常建议用户使用npx来避免全局安装的问题,比如npx react-native init ProjectName,但根据引用[1]中的内容,用户引用了使用React Native CLI,所以还是按照传统方法来指导。 然后,安装VS Code。用户可能已经安装了,但可能需要确认。接着,在VS Code中安装扩展插件,比如React Native Tools和React-Native/React/Redux snippets,这些工具能提供代码补全、调试支持等功能。 接下来,打开项目文件夹,用户需要知道如何用VS Code打开已有的项目目录。然后配置调试环境,引用[2]提到需要配置才能调试,所以需要指导用户创建或修改.vscode/launch.json文件,添加调试配置,比如调试Android或iOS的选项。 运行项目方面,用户可能需要启动Metro打包工具,可以通过npx react-native start或者yarn start。然后在另一个终端运行npx react-native run-android或run-ios。但VS Code可以集成终端,所以可以指导用户使用内置终端来执行这些命令,或者配置任务运行器来自动化。 调试部分,用户需要启动调试配置,比如Attach to packager,然后设置断点。可能还需要配置模拟器或真机连接,这部分可能需要额外说明,比如安卓需要ADB配置,iOS需要Xcode工具。 最后,常见问题处理,比如依赖安装、环境变量设置、端口冲突等,需要提醒用户注意这些点。比如如果出现无法连接到模拟器的情况,可能需要检查adb devices是否识别设备,或者iOS模拟器是否正确启动。 还要考虑用户可能的系统环境,比如Windows、Mac或Linux,不同的平台可能有不同的配置步骤,特别是Android和iOS的环境配置。但用户的问题集中在VS Code上,所以可能不需要深入讲解环境配置,但需要提及前提条件,如Android Studio和Xcode的安装。 总结步骤应该是:安装依赖工具(Node.js, JDK, Watchman等)→ 安装React Native CLI → 创建项目 → 安装VS Code及插件 → 配置调试 → 运行和调试。同时参考引用中的内容,确保引用标识正确添加,比如关于React Native CLI的安装[^1],调试配置[^2]。 可能还需要检查是否有遗漏的步骤,比如是否需要安装Android SDK或Xcode,这些可能属于前置条件,但用户的问题可能假设已经完成这些设置。因此,在回答中可能需要提醒用户确保这些环境已经配置好,或者提供相关参考链接。 此外,生成相关问题需要考虑用户可能的后续疑问,比如性能调试、插件推荐、常见错误解决等,所以相关问题可以包括配置安卓环境、插件推荐、解决连接问题等。</think>### 如何在 VS Code 中配置和运行 React Native 项目 #### **1. 环境准备** - **安装 Node.js 和 npm** 确保已安装 Node.js(推荐 LTS 版本)及 npm,React Native 依赖 Node.js 环境。 - **安装 React Native CLI** 通过 npm 全局安装 React Native 命令行工具: ```bash npm install -g react-native-cli ``` - **安装 Android/iOS 开发环境** - **Android**: 安装 Android Studio、配置 SDK 和模拟器。 - **iOS**(仅限 macOS): 安装 Xcode 及 Command Line Tools。 --- #### **2. 创建 React Native 项目** 使用以下命令创建新项目: ```bash react-native init MyProject ``` 进入项目目录: ```bash cd MyProject ``` --- #### **3. 配置 VS Code** - **安装扩展插件** 在 VS Code 中安装以下扩展: - **React Native Tools**(微软官方插件,支持调试和代码提示) - **React-Native/React/Redux snippets**(代码片段快速生成) - **ESLint**(代码规范检查) - **配置调试环境** 1. 打开项目文件夹,点击左侧调试菜单(或按 `Ctrl+Shift+D`)。 2. 创建 `launch.json` 文件(若不存在),添加以下配置: ```json { "version": "0.2.0", "configurations": [ { "name": "Debug Android", "cwd": "${workspaceFolder}", "type": "reactnative", "request": "launch", "platform": "android" }, { "name": "Debug iOS", "type": "reactnative", "request": "launch", "platform": "ios" } ] } ``` 此配置支持直接启动 Android/iOS 调试[^2]。 --- #### **4. 运行项目** - **启动 Metro 打包工具** 在 VS Code 终端中运行: ```bash npx react-native start ``` 或使用快捷键 `Ctrl+Shift+P` 输入 `React Native: Start Packager`。 - **运行应用** - **Android**: ```bash npx react-native run-android ``` - **iOS**: ```bash npx react-native run-ios ``` 或直接在调试菜单中选择 `Debug Android`/`Debug iOS` 并启动。 --- #### **5. 调试代码** - 在代码中设置断点,点击调试按钮启动应用。 - 使用 **React Native Tools** 的日志面板查看实时输出。 - 修改代码后保存,应用会自动刷新(需开启 `Fast Refresh` 功能)。 --- #### **6. 常见问题处理** - **依赖缺失**: 运行 `npm install` 或 `yarn install` 安装 `node_modules`。 - **端口冲突**: 检查 `8081` 端口是否被占用,可通过 `npx kill-port 8081` 释放。 - **模拟器连接失败**: 确保 Android 模拟器或 iOS Simulator 已启动。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值