@expo/vector-icons crashes on web using Expo Router template. Cause? #274

funisfun8 · 2023-02-10T01:49:02Z

funisfun8
Feb 10, 2023

Hello all,
I created a new project using npx expo - e with-router and am really enjoying exploring Expo Router. However, I am encountering weird issues when trying to use MaterialIcons from @expo/vector-icons. The icon renders perfectly in Expo Go on my Android device, but the whole page fails to render on web. I installed it via npx expo install @expo/vector-icons and that didn't fix anything. I've rebooted the expo server multiple times and have the same results every time. In the Chrome Dev Console I see a list of errors that I will post here shortly.

My main question is this: What is responsible? @expo/vector-icons, Expo Router, the Metro bundler's new web functionality? Once this is answered, I can figure out where to report the issue and hopefully get this resolved. :)

funisfun8 · 2023-02-10T17:37:35Z

funisfun8
Feb 10, 2023
Author

Sorry for the delay, here are the error logs:

X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:105 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
registerError @ X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:105
X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120 Uncaught (in promise) Error: Module "3" is missing from the asset registry
    at Function.fromModule (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120:19)
    at uriFromFontSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:13:40)
    at getAssetForSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:24:17)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:95:36
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12
    at _loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:106:2)
    at loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:81:40)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:47
    at Array.map (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:33)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Object._loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:80:2)
    at Object.loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:69:32)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:22:32)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Icon.componentDidMount (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:25:14)
    at commitLayoutEffectOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:23204:30)
    at commitLayoutMountEffects_complete (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24578:9)
    at commitLayoutEffects_begin (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24564:7)
    at commitLayoutEffects (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24502:3)
X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120 Uncaught (in promise) Error: Module "3" is missing from the asset registry
    at Function.fromModule (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120:19)
    at uriFromFontSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:13:40)
    at getAssetForSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:24:17)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:95:36
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12
    at loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:81:40)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:47
    at Array.map (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:33)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Object.loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:69:32)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:22:32)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Icon.componentDidMount (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:25:14)
    at commitLayoutEffectOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:23204:30)
    at commitLayoutMountEffects_complete (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24578:9)
    at commitLayoutEffects_begin (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24564:7)
    at commitLayoutEffects (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24502:3)
    at commitRootImpl (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26779:5)
    at commitRoot (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26638:5)
X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120 Uncaught (in promise) Error: Module "3" is missing from the asset registry
    at Function.fromModule (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120:19)
    at uriFromFontSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:13:40)
    at getAssetForSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:24:17)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:95:36
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12
    at loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:81:40)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:47
    at Array.map (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:33)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Object.loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:69:32)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:22:32)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Icon.componentDidMount (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:25:14)
    at commitLayoutEffectOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:23204:30)
    at commitLayoutMountEffects_complete (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24578:9)
    at commitLayoutEffects_begin (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24564:7)
    at commitLayoutEffects (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24502:3)
    at commitRootImpl (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26779:5)
    at commitRoot (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26638:5)
X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120 Uncaught (in promise) Error: Module "3" is missing from the asset registry
    at Function.fromModule (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120:19)
    at uriFromFontSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:13:40)
    at getAssetForSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:24:17)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:95:36
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12
    at loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:81:40)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:47
    at Array.map (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:33)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Object.loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:69:32)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:22:32)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Icon.componentDidMount (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:25:14)
    at commitLayoutEffectOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:23204:30)
    at commitLayoutMountEffects_complete (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24578:9)
    at commitLayoutEffects_begin (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24564:7)
    at commitLayoutEffects (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24502:3)
    at commitRootImpl (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26779:5)
    at commitRoot (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26638:5)
X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120 Uncaught (in promise) Error: Module "3" is missing from the asset registry
    at Function.fromModule (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-asset\build\Asset.js:120:19)
    at uriFromFontSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:13:40)
    at getAssetForSource (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\FontLoader.web.js:24:17)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:95:36
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12
    at loadFontInNamespaceAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:81:40)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:47
    at Array.map (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:76:33)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Object.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Object.loadAsync (X:\Documents\GitHub Projects\YCRN-App\node_modules\expo-font\build\Font.js:69:32)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:22:32)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:3:24)
    at _next (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:22:9)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:27:7
    at new Promise (<anonymous>)
    at Icon.<anonymous> (X:\Documents\GitHub Projects\YCRN-App\node_modules\@babel\runtime\helpers\asyncToGenerator.js:19:12)
    at Icon.componentDidMount (X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\vector-icons\build\createIconSet.js:25:14)
    at commitLayoutEffectOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:23204:30)
    at commitLayoutMountEffects_complete (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24578:9)
    at commitLayoutEffects_begin (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24564:7)
    at commitLayoutEffects (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:24502:3)
    at commitRootImpl (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26779:5)
    at commitRoot (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26638:5)
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\modules\usePlatformMethods\index.js:20 setNativeProps is deprecated. Please update props using React state instead.
setNativeProps @ X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\modules\usePlatformMethods\index.js:20
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128 Uncaught Error: Image: asset with ID "19" could not be found. Please check the image source or packager.
    at resolveAssetUri (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128:13)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:183:15
    at mountState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16852:20)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:17593:16)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:1620:21)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:182:31
    at renderWithHooks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16175:18)
    at updateForwardRef (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:20023:20)
    at beginWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:22465:16)
    at HTMLUnknownElement.callCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4161:14)
    at Object.invokeGuardedCallbackDev (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4210:16)
    at invokeGuardedCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4274:31)
    at beginWork$1 (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:27405:7)
    at performUnitOfWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26513:12)
    at workLoopSync (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26422:5)
    at renderRootSync (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26390:7)
    at performSyncWorkOnRoot (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:26041:20)
    at flushSyncCallbacks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:12009:22)
    at flushSyncCallbacksOnlyInLegacyMode (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:11988:5)
    at scheduleUpdateOnFiber (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:25438:7)
    at Object.enqueueSetState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:13264:16)
    at Component.setState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:352:16)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\Data\LogBoxData.js:373:22
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\Data\LogBoxData.js:89:49
    at Set.forEach (<anonymous>)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\Data\LogBoxData.js:89:23
X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97 The above error occurred in the <Image> component:

    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:44263:36
    at createPsuedoClassView (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56699:22)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at View (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56930:17)
    at createPsuedoClassView (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56699:22)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at Pressable (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:49866:26)
    at Dismiss (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:61385:25)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at View (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56930:17)
    at createPsuedoClassView (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56699:22)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at Pressable (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:49866:26)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at View (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56930:17)
    at createPsuedoClassView (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56699:22)
    at ErrorToast (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:61345:31)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at ErrorToastStack (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:61177:22)
    at ErrorToastContainer (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:61164:51)
    at LogBoxStateSubscription (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55195:9)
    at ErrorOverlay
    at withDevTools(ErrorOverlay)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at AppContainer (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:47622:26)

React will try to recreate this component tree from scratch using the error boundary you provided, LogBoxStateSubscription.
registerError @ X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128 Uncaught Error: Image: asset with ID "20" could not be found. Please check the image source or packager.
    at resolveAssetUri (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128:13)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:183:15
    at mountState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16852:20)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:17593:16)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:1620:21)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:182:31
    at renderWithHooks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16175:18)
    at updateForwardRef (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:20023:20)
    at beginWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:22465:16)
    at HTMLUnknownElement.callCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4161:14)
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128 Uncaught Error: Image: asset with ID "21" could not be found. Please check the image source or packager.
    at resolveAssetUri (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128:13)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:183:15
    at mountState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16852:20)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:17593:16)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:1620:21)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:182:31
    at renderWithHooks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16175:18)
    at updateForwardRef (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:20023:20)
    at beginWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:22465:16)
    at HTMLUnknownElement.callCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4161:14)
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128 Uncaught Error: Image: asset with ID "20" could not be found. Please check the image source or packager.
    at resolveAssetUri (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128:13)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:183:15
    at mountState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16852:20)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:17593:16)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:1620:21)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:182:31
    at renderWithHooks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16175:18)
    at updateForwardRef (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:20023:20)
    at beginWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:22465:16)
    at HTMLUnknownElement.callCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4161:14)
X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128 Uncaught Error: Image: asset with ID "21" could not be found. Please check the image source or packager.
    at resolveAssetUri (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:128:13)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:183:15
    at mountState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16852:20)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:17593:16)
    at Object.useState (X:\Documents\GitHub Projects\YCRN-App\node_modules\react\cjs\react.development.js:1620:21)
    at X:\Documents\GitHub Projects\YCRN-App\node_modules\react-native-web\dist\exports\Image\index.js:182:31
    at renderWithHooks (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:16175:18)
    at updateForwardRef (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:20023:20)
    at beginWork (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:22465:16)
    at HTMLUnknownElement.callCallback (X:\Documents\GitHub Projects\YCRN-App\node_modules\react-dom\cjs\react-dom.development.js:4161:14)
X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97 The above error occurred in the <Image> component:

    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:44263:36
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at TouchableWithoutFeedback (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:51865:30)
    at LogBoxButton (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56279:37)
    at LogBoxInspectorHeaderButton (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:57072:49)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at LogBoxInspectorHeader (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:57007:41)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at LogBoxInspector (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55408:21)
    at LogBoxInspectorContainer (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55393:41)
    at LogBoxStateSubscription (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55195:9)

React will try to recreate this component tree from scratch using the error boundary you provided, LogBoxStateSubscription.
registerError @ X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97
X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97 The above error occurred in the <Image> component:

    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:44263:36
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at TouchableWithoutFeedback (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:51865:30)
    at LogBoxButton (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:56279:37)
    at LogBoxInspectorHeaderButton (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:57072:49)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at LogBoxInspectorHeader (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:57007:41)
    at div
    at http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:37548:27
    at LogBoxInspector (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55408:21)
    at LogBoxInspectorContainer (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55393:41)
    at LogBoxStateSubscription (http://localhost:19000/index.bundle?platform=web&dev=true&hot=false:55195:9)

React will try to recreate this component tree from scratch using the error boundary you provided, LogBoxStateSubscription.
registerError @ X:\Documents\GitHub Projects\YCRN-App\node_modules\@expo\metro-runtime\build\error-overlay\LogBox.web.js:97

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

@expo/vector-icons crashes on web using Expo Router template. Cause? #274

{{title}}

Replies: 1 comment

{{title}}

Select a reply

@expo/vector-icons crashes on web using Expo Router template. Cause? #274

funisfun8 Feb 10, 2023

Replies: 1 comment

funisfun8 Feb 10, 2023 Author

funisfun8
Feb 10, 2023

funisfun8
Feb 10, 2023
Author