Brand new project, following install instructions, metro config rejected

[disrae]

Hello,

As above, brand new project, followed the install instructions, but the metro.config.js file is throwing an error when I try to npx expo start. Is node 22 not valid for this package? Also I noticed nativewind's install instructions seem to require react-native-reanimated 3, possibly another issue down the line.

🙏🏼

npx expo start
Starting project at /Users/daniel/Documents/Projects/pickle
Error: Found config at /Users/daniel/Documents/Projects/pickle/metro.config.js that could not be loaded with Node.js.
Error: Found config at /Users/daniel/Documents/Projects/pickle/metro.config.js that could not be loaded with Node.js.
    at loadConfigFile (/Users/daniel/Documents/Projects/pickle/node_modules/metro-config/src/loadConfig.js:263:15)
    at resolveConfig (/Users/daniel/Documents/Projects/pickle/node_modules/metro-config/src/loadConfig.js:94:10)
    at loadMetroConfigAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/server/metro/instantiateMetro.ts:97:21)
    at instantiateMetroAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/server/metro/instantiateMetro.ts:203:7)
    at MetroBundlerDevServer.startImplementationAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/server/metro/MetroBundlerDevServer.ts:1051:69)
    at MetroBundlerDevServer.startAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/server/BundlerDevServer.ts:160:18)
    at DevServerManager.startAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/server/DevServerManager.ts:184:7)
    at startAsync (/Users/daniel/Documents/Projects/pickle/node_modules/expo/node_modules/@expo/cli/src/start/startAsync.ts:100:3)

node -v: v22.21.0

metro.config.js

// Learn more https://docs.expo.io/guides/customizing-metro
const { getDefaultConfig } = require('expo/metro-config');
const { withNativeWind } = require('nativewind/metro');

/** @type {import('expo/metro-config').MetroConfig} */
const config = getDefaultConfig(__dirname);

module.exports = withNativeWind(config, {
  input: './app/global.css',
});

[disrae]

Putting the global.css file at the root seems to have fixed it (and updating the references to it).