Figma转Locofy代码导入VS后运行报错：APP_HOME路径问题求助

问题详情 #

将Figma设计通过Locofy转换为代码后，导入VS Code运行时出现以下错误：

info A dev server is already running for this project on port 8081.
info Installing the app...
./gradlew

info 💡 Tip: Make sure that you have set up your development environment correctly, by running npx react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor

./gradlew: line 84: cd: ${APP_HOME:-./}: No such file or directory
error Failed to install the app. Command failed with exit code 1: ./gradlew app:installDebug -PreactNativeDevServerPort=8081
./gradlew: line 84: cd: ${APP_HOME:-./}: No such file or directory.
info Run CLI with --verbose flag for more details.

已尝试的操作：

• 执行 npx react-native doctor 检查Android环境，无异常
• 在 .zshrc 中配置 APP_HOME 环境变量，echo $APP_HOME 输出正常，但问题未解决

解决方案 #

1. 确认工作目录位置 #

确保你在项目根目录下运行命令。根目录需包含 android、ios、package.json 核心文件/文件夹。若当前目录错误，执行 cd 你的项目根目录 切换后重试。

2. 修改 gradlew 脚本路径逻辑 #

打开项目 android 目录下的 gradlew 文件，定位到第84行附近的代码：

cd "${APP_HOME:-./}" || exit 1

替换为：

cd "$(dirname "$0")" || exit 1

此修改会让脚本自动切换到自身所在的 android 目录，不再依赖 APP_HOME 变量。

3. 刷新环境变量 #

即使配置了 .zshrc，也需确保终端加载了最新配置：

source ~/.zshrc

关闭终端重新打开后，再执行运行命令。

4. 清理并重建Gradle缓存 #

进入 android 目录，依次执行：

./gradlew clean
./gradlew assembleDebug

完成后回到项目根目录，执行 npx react-native run-android。

5. 校验Locofy导出的项目结构 #

检查 android 目录下是否存在 gradlew 文件及 gradle 文件夹。若缺失，可从官方React Native模板中复制对应文件/文件夹到项目的 android 目录下。

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