React-Native Expo构建生产应用时遇‘Invalid Project Root’错误求助

排查方向与解决方案 #

1. 确认命令执行目录 #

• 必须在项目根目录下执行npx expo export:web或npx expo build，根目录需包含package.json、app.json（或app.config.js）核心文件。
• 若当前目录不对，切换到项目根目录后重新执行命令。

2. 检查app.json/app.config.js配置 #

Expo构建命令依赖这两个文件识别项目根，需确认：

• 文件存在于项目根目录
• 配置包含name、slug等必填字段，示例：

{
  "expo": {
    "name": "YourProjectName",
    "slug": "your-project-slug",
    "platforms": ["web", "ios", "android"],
    // 其他配置项
  }
}

• 若使用app.config.js，确保导出正确的Expo配置对象，无路径相关错误。

3. 修复Webpack配置文件命名错误 #

你当前的webpack.config.js内容实际是Babel配置，会导致Expo识别混乱：

• 将当前webpack.config.js重命名为babel.config.js
• 如需自定义Webpack配置，创建正确的webpack.config.js，示例：

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  // 在此添加自定义配置逻辑
  return config;
};

4. 清理缓存并重装依赖 #

执行以下命令重置项目环境：

npx expo start --clear
rm -rf node_modules
rm package-lock.json # 若用yarn则删除yarn.lock
npm install

完成后再尝试构建命令。

5. 更新Expo CLI版本 #

• 安装最新版Expo CLI：

npm install -g expo-cli

• 或使用项目本地最新版执行命令：

npx expo@latest export:web

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