Windows10下React Native/Flutter运行报错：无效JAVA_HOME目录如何解决

问题核心原因 #

你遇到的报错本质是JAVA_HOME环境变量的配置规则错误：JAVA_HOME需要指向JDK的根安装目录，而非bin目录下的java.exe可执行文件，你当前的配置错误指向了具体的exe文件，因此识别失效。
你当前的错误配置示例如下：

分步解决方法 #

• 第一步：修正JAVA_HOME环境变量值
  打开Windows环境变量编辑面板，找到系统变量中的JAVA_HOME，将原有值C:\Program Files\Java\jdk-17.0.1\bin\java.exe修改为JDK根目录路径：
  C:\Program Files\Java\jdk-17.0.1

  如果你不想单独安装JDK，也可以直接使用Android Studio自带的兼容JDK，路径默认是C:\Program Files\Android\Android Studio\jbr，直接将JAVA_HOME指向该路径即可，避免自行安装JDK出现的版本不兼容问题。

• 第二步：确认Path变量配置
  检查系统变量的Path中是否存在%JAVA_HOME%\bin的条目，没有的话手动添加，确保Java命令可以全局调用。

• 第三步：验证配置生效
  配置修改完成后，完全关闭所有已打开的CMD/PowerShell/终端窗口，重新打开新的终端，依次执行以下命令验证：

  1. 执行echo %JAVA_HOME%，确认输出的路径是你刚才配置的JDK根目录，没有带bin或者exe后缀
  2. 执行java -version，确认正常输出JDK版本信息，没有报错
  3. 执行javac -version，确认正常输出JDK编译工具版本信息

• 第四步：重新运行项目
  验证配置无误后，回到React Native项目目录重新执行npx react-native run-android，或Flutter项目执行flutter run即可正常启动。

额外排查方向 #

如果修改后仍报错，可排查以下情况：

• 同时配置了用户变量和系统变量的JAVA_HOME，导致路径冲突，删除用户变量中的JAVA_HOME，仅保留系统变量的配置即可
• JDK安装路径包含中文、特殊符号，或者路径空格导致工具识别失败，可以将JDK迁移到无空格、无特殊字符的纯英文路径下，比如C:\Dev\jdk17，再同步修改JAVA_HOME的值
• 旧版本的React Native对JDK版本有严格要求，比如0.67及以下版本仅支持JDK11，如果用JDK17会报错，此时降级JDK到11版本，或者升级React Native到适配JDK17的版本即可

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