React Native开发者菜单开启及ERR_OSSL_EVP_UNSUPPORTED错误解决

一、修复启动失败的错误 #

该错误源于Node.js v17及以上版本默认启用的OpenSSL算法与旧版Webpack不兼容，以下是几种可行修复方案：

方案1：临时添加环境变量启动 #

根据操作系统在启动命令前追加环境变量：

• Windows（命令提示符）：

  set NODE_OPTIONS=--openssl-legacy-provider && npm run web
  

• Windows（PowerShell）：

  $env:NODE_OPTIONS="--openssl-legacy-provider"; npm run web
  

• macOS/Linux：

  NODE_OPTIONS=--openssl-legacy-provider npm run web
  

方案2：修改package.json启动脚本 #

将环境变量整合到npm脚本，避免每次手动输入：
打开项目根目录的package.json，找到scripts下的web命令，修改为对应系统的版本：

"scripts": {
  "web": "set NODE_OPTIONS=--openssl-legacy-provider && expo start --web" // Windows环境
  // macOS/Linux环境替换为："NODE_OPTIONS=--openssl-legacy-provider expo start --web"
}

修改后直接运行npm run web即可。

方案3：降级Node.js版本 #

若不想使用环境变量，可将Node.js降级至v16及以下版本（如v16.20.0），借助nvm快速切换：

# 安装nvm后执行
nvm install 16.20.0
nvm use 16.20.0

二、启动成功后打开开发者菜单 #

项目成功启动并在浏览器加载后，按以下方式调出开发者菜单：

• Web端快捷键：Windows/Linux按Ctrl + M，macOS按Cmd + M；
• Expo项目专属方式：点击浏览器页面右上角的Expo图标，直接唤起开发者菜单。

内容的提问来源于stack exchange，提问作者surya akshaj