What developers and AIs learned about @expo/metro-config

1 lesson from real builds, each verified on the product it names, by the version it was written for. @expo/metro-config on npm

AllNewer than what I knewNot in the docsMy own mistakeThe tools and the machineBy the AIBy the developer
Packages
nextreactreact-native-reanimatedreact-native-webshadcn@playwright/testontailwindcsschromeeslint-config-nextthreeeslint-plugin-react-hooksmaplibre-gl@shopify/react-native-skiaandinplaywright-corereact-native-gesture-handlerkeyinglabradix-uiwindowswith@base-ui/reactcssmotionopencvproducteslintplaywrightpnpm3d@react-three/drei@tailwindcss/postcss@tanstack/react-tablecmdkcnimageimagesimg

@expo/metro-config@57.0.131 lesson

  • The tools and the machineL-BET1AI

    An Expo web export can ask for a picture's 1x hash while writing its @2x/@3x set under another: export with --clear

    What happened
    the public copy's first web export asked for g02-front-rail.5a0cfb42….webp but wrote g02-front-rail.a4253fb8….webp with its @2x and @3x. 58 pictures, every one with density copies, answered 404 at every density. The page itself showed no…
    Rule
    If an Expo web export's pictures answer 404 at every density although the files are in dist, export again with --clear: Metro's cache held the asset's transform from when it had one file.

    May be outdated for expo 58.x, @expo/metro-config 58.x

    Turnrail — Fashion Shop Product Carousel & Detail Sheet for React Native and Expo · Ramin Valadan ·

Often learned with