Fix tsconfig alias to paths in Web version

[mgonzalezg9]

Adding the alias is as easy as for normal React projects. The problem is that "Path aliases are only supported by Metro (including Metro web) and not by the deprecated @expo/webpack-config package." so a migration would be needed.

The problem comes with libraries like React Navigation, because they would be necessary changed.

[mgonzalezg9]

Path aliases make the web version of the application not work.
This application does not aim to have a web version, but here is jotted down the error:

ERROR in ./src/navigation/index.tsx:6
Module not found: Can't resolve '@/screens/LocationDetails'
  4 |  *
  5 |  */
> 6 | import LocationDetailsScreen from "@/screens/LocationDetails";
  7 | import LocationRequestScreen from "@/screens/LocationRequest";
  8 | import NotFoundScreen from "@/screens/NotFoundScreen";
  9 | import {

ERROR in ./src/navigation/index.tsx:7
Module not found: Can't resolve '@/screens/LocationRequest'
   5 |  */
   6 | import LocationDetailsScreen from "@/screens/LocationDetails";
>  7 | import LocationRequestScreen from "@/screens/LocationRequest";
   8 | import NotFoundScreen from "@/screens/NotFoundScreen";
   9 | import {
  10 |   DarkTheme, DefaultTheme, NavigationContainer

ERROR in ./src/navigation/index.tsx:8
Module not found: Can't resolve '@/screens/NotFoundScreen'
   6 | import LocationDetailsScreen from "@/screens/LocationDetails";
   7 | import LocationRequestScreen from "@/screens/LocationRequest";
>  8 | import NotFoundScreen from "@/screens/NotFoundScreen";
   9 | import {
  10 |   DarkTheme, DefaultTheme, NavigationContainer
  11 | } from "@react-navigation/native";

web compiled with 4 errors
ERROR in ./node_modules/expo-modules-core/build/uuid/uuid.web.js:9:8
Module not found: Can't resolve 'crypto'
   7 |   const cryptoObject =
   8 |     typeof crypto === 'undefined' || typeof crypto.randomUUID === 'undefined'
>  9 |       ? require('crypto')
     |        ^
  10 |       : crypto;
  11 |
  12 |   if (!cryptoObject?.randomUUID) {

ERROR in ./src/navigation/index.tsx:6
Module not found: Can't resolve '@/screens/LocationDetails'
  4 |  *
  5 |  */
> 6 | import LocationDetailsScreen from "@/screens/LocationDetails";
  7 | import LocationRequestScreen from "@/screens/LocationRequest";
  8 | import NotFoundScreen from "@/screens/NotFoundScreen";
  9 | import {

ERROR in ./src/navigation/index.tsx:7
Module not found: Can't resolve '@/screens/LocationRequest'
   5 |  */
   6 | import LocationDetailsScreen from "@/screens/LocationDetails";
>  7 | import LocationRequestScreen from "@/screens/LocationRequest";
   8 | import NotFoundScreen from "@/screens/NotFoundScreen";
   9 | import {
  10 |   DarkTheme, DefaultTheme, NavigationContainer

ERROR in ./src/navigation/index.tsx:8
Module not found: Can't resolve '@/screens/NotFoundScreen'
   6 | import LocationDetailsScreen from "@/screens/LocationDetails";
   7 | import LocationRequestScreen from "@/screens/LocationRequest";
>  8 | import NotFoundScreen from "@/screens/NotFoundScreen";
   9 | import {
  10 |   DarkTheme, DefaultTheme, NavigationContainer
  11 | } from "@react-navigation/native";

Marked as bug.

[mgonzalezg9]

Used the following Expo SDK 50 tutorial: https://docs.expo.dev/guides/typescript/#path-aliases