Dependancies issues - Githubissues

After adding the Expo package, I'm encountering this issue. Could you help?
WARNING: The legacy expo-cli does not support Node +17. Migrate to the new local Expo CLI: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421.
┌──────────────────────────────────────────────────────────────────┐│
                                                     ││   The global expo-cli package has been deprecated.               ││
                         ││   The new Expo CLI is now bundled in your project in the expo    ││   package.                                                       ││ 
  Learn more:                                                    ││   https://blog.expo.dev/the-new-expo-cli-f4250d8e3421.           ││
                                     ││   To use the local CLI instead (recommended in SDK 46 and        ││   higher), run:
         ││   › npx expo <command>                                           ││   
                                                               │└──────────────────────────────────────────────────────────────────┘Starting project at D:\NATIVE\open source\React_native_food_delivery_app
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▀▀ ████  █ ▄▄▄▄▄ █
█ █   █ █▄▀██▀█▄▄██ █   █ █
█ █▄▄▄█ █ ▄ █  █ ▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄█ █ █▄▄▄▄▄▄▄█
█ ▄▀▄▀▀▄ ▀▀█  ▄▀██▀  ▄▀▄▄▀█
█ ▄▄▄▀ ▄▀ ▀▀   ▄▀▀▄▀ ▀▀█▄▄█
███ ▄██▄ ▄█▄ ▄  █▀█ ▄█ ██▀█
█▄▀▄▀  ▄███▄ ▄ ██ ▄▄ ▀▀██▄█
█▄▄█▄▄▄▄█ ▀▀▀█▀▄  ▄▄▄ █ ▄ █
█ ▄▄▄▄▄ █▄  ▀▄█   █▄█  ▀  █
█ █   █ █▀▄▀▄█▄▀▀▄ ▄▄ █▀▄██
█ █▄▄▄█ █▀▄▄█▄ ▄█  █▄  ▄█▄█
█▄▄▄▄▄▄▄█▄▄███▄▄█▄███▄▄█▄▄█

› Metro waiting on exp://192.168.43.159:19000
› Scan the QR code above with Expo Go (Android) or the Camera app
(iOS)

› Press a │ open Android
› Press w │ open web

› Press r │ reload app
› Press m │ toggle menu

› Press ? │ show all commands

Logs for your project will appear below. Press Ctrl+C to exit.
Starting Webpack on port 19006 in development mode.
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █▀▀ ████  █ ▄▄▄▄▄ █
█ █   █ █▄▀██▀█▄▄██ █   █ █
█ █▄▄▄█ █ ▄ █  █ ▀█ █▄▄▄█ █
█▄▄▄▄▄▄▄█ █ ▀▄█ █ █▄▄▄▄▄▄▄█
█ ▄▀▄▀▀▄ ▀▀█  ▄▀██▀  ▄▀▄▄▀█
█ ▄▄▄▀ ▄▀ ▀▀   ▄▀▀▄▀ ▀▀█▄▄█
███ ▄██▄ ▄█▄ ▄  █▀█ ▄█ ██▀█
█▄▀▄▀  ▄███▄ ▄ ██ ▄▄ ▀▀██▄█
█▄▄█▄▄▄▄█ ▀▀▀█▀▄  ▄▄▄ █ ▄ █
█ ▄▄▄▄▄ █▄  ▀▄█   █▄█  ▀  █
█ █   █ █▀▄▀▄█▄▀▀▄ ▄▄ █▀▄██
█ █▄▄▄█ █▀▄▄█▄ ▄█  █▄  ▄█▄█
█▄▄▄▄▄▄▄█▄▄███▄▄█▄███▄▄█▄▄█

› Metro waiting on exp://192.168.43.159:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Webpack waiting on http://192.168.43.159:19006
› Expo Webpack (web) is in beta, and subject to breaking changes!

› Press a │ open Android
› Press w │ open web

› Press r │ reload app
› Press m │ toggle menu

› Press ? │ show all commands

› Open in the web browser...
› Press ? │ show all commands
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
[object Object]
ERROR in ./node_modules/react-native-web/dist/exports/render/index.js:11
Module not found: Can't resolve 'react-dom/client'
   9 | 
  10 | import { hydrate as domLegacyHydrate, render as domLegacyRender } from 'react-dom';
> 11 | import { createRoot as domCreateRoot, hydrateRoot as domHydrateRoot } from 
'react-dom/client';
  12 | import unmountComponentAtNode from '../unmountComponentAtNode';
  13 | import { createSheet } from '../StyleSheet/dom';
  14 | export function hydrate(element, root) {

ERROR in ./src/components/BookmarkCard.js:3
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  1 | import React from 'react';
  2 | import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
> 3 | import Ionicons from 'react-native-vector-icons/Ionicons';
  4 | import Entypo from 'react-native-vector-icons/Entypo';
  5 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  6 | import {Colors, Fonts} from '../contants';

ERROR in ./src/components/BookmarkCard.js:4
Module not found: Can't resolve 'react-native-vector-icons/Entypo'
  2 | import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
  3 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 4 | import Entypo from 'react-native-vector-icons/Entypo';
  5 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  6 | import {Colors, Fonts} from '../contants';
  7 | import {StaticImageService} from '../services';

ERROR in ./src/components/BookmarkCard.js:5
Module not found: Can't resolve 'react-native-vector-icons/FontAwesome'
  3 | import Ionicons from 'react-native-vector-icons/Ionicons';
  4 | import Entypo from 'react-native-vector-icons/Entypo';
> 5 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  6 | import {Colors, Fonts} from '../contants';
  7 | import {StaticImageService} from '../services';
  8 | import {useDispatch} from 'react-redux';

ERROR in ./src/components/FoodCard.js:3
Module not found: Can't resolve 'react-native-vector-icons/AntDesign'
  1 | import React, {useState} from 'react';
  2 | import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
> 3 | import AntDesign from 'react-native-vector-icons/AntDesign';
  4 | import {ApiContants, Colors, Fonts} from '../contants';
  5 | import {StaticImageService} from '../services';
  6 | import {Display} from '../utils';

ERROR in ./src/components/RestaurantCard.js:4
Module not found: Can't resolve 'react-native-vector-icons/FontAwesome'
  2 | import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
  3 | import {Colors, Fonts} from '../contants';
> 4 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  5 | import Ionicons from 'react-native-vector-icons/Ionicons';
  6 | import {StaticImageService} from '../services';
  7 | import {useDispatch, useSelector} from 'react-redux';

ERROR in ./src/components/RestaurantCard.js:5
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  3 | import {Colors, Fonts} from '../contants';
  4 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
> 5 | import Ionicons from 'react-native-vector-icons/Ionicons';
  6 | import {StaticImageService} from '../services';
  7 | import {useDispatch, useSelector} from 'react-redux';
  8 | import {BookmarkAction} from '../actions';

ERROR in ./src/components/RestaurantMediumCard.js:3
Module not found: Can't resolve 'react-native-vector-icons/FontAwesome'
  1 | import React from 'react';
  2 | import {View, Text, StyleSheet, Image} from 'react-native';
> 3 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  4 | import {Colors, Fonts, Images} from '../contants';
  5 | import {StaticImageService} from '../services';
  6 | import {Display} from '../utils';

ERROR in ./src/navigators/BottomTabs.js:9
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
   7 |   HomeScreen,
   8 | } from '../screens';
>  9 | import Ionicons from 'react-native-vector-icons/Ionicons';
  10 | import {Display} from '../utils';
  11 | import {Colors} from '../contants';
  12 | 

ERROR in ./src/navigators/index.js:3
Module not found: Can't resolve '@react-navigation/stack'
  1 | import React, {useEffect} from 'react';
  2 | import {NavigationContainer} from '@react-navigation/native';
> 3 | import {createStackNavigator} from '@react-navigation/stack';
  4 | import {
  5 |   SplashScreen,
  6 |   WelcomeScreen,

ERROR in ./src/screens/AccountScreen.js:12
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  10 | import {Separator, ToggleButton} from '../components';
  11 | import {Colors, Fonts, Images} from '../contants';
> 12 | import Ionicons from 'react-native-vector-icons/Ionicons';
  13 | import Feather from 'react-native-vector-icons/Feather';
  14 | import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
  15 | import {Display} from '../utils';

ERROR in ./src/screens/AccountScreen.js:13
Module not found: Can't resolve 'react-native-vector-icons/Feather'
  11 | import {Colors, Fonts, Images} from '../contants';
  12 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 13 | import Feather from 'react-native-vector-icons/Feather';
  14 | import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
  15 | import {Display} from '../utils';
  16 | import {useDispatch} from 'react-redux';

ERROR in ./src/screens/AccountScreen.js:14
Module not found: Can't resolve 'react-native-vector-icons/MaterialCommunityIcons'  12 | import Ionicons from 'react-native-vector-icons/Ionicons';
  13 | import Feather from 'react-native-vector-icons/Feather';
> 14 | import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
  15 | import {Display} from '../utils';
  16 | import {useDispatch} from 'react-redux';
  17 | import {StorageService} from '../services';

ERROR in ./src/screens/BookmarkScreen.js:6
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  4 | import {BookmarkCard, Separator} from '../components';
  5 | import {Display} from '../utils';
> 6 | import Ionicons from 'react-native-vector-icons/Ionicons';
  7 | import {useSelector} from 'react-redux';
  8 | 
  9 | const ListItemSeparator = () => (

ERROR in ./src/screens/CartScreen.js:13
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  11 | import {Colors, Fonts, Images} from '../contants';
  12 | import {FoodCard, Separator} from '../components';
> 13 | import Ionicons from 'react-native-vector-icons/Ionicons';
  14 | import Entypo from 'react-native-vector-icons/Entypo';
  15 | import AntDesign from 'react-native-vector-icons/AntDesign';
  16 | import {Display} from '../utils';

ERROR in ./src/screens/CartScreen.js:14
Module not found: Can't resolve 'react-native-vector-icons/Entypo'
  12 | import {FoodCard, Separator} from '../components';
  13 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 14 | import Entypo from 'react-native-vector-icons/Entypo';
  15 | import AntDesign from 'react-native-vector-icons/AntDesign';
  16 | import {Display} from '../utils';
  17 | import {useSelector} from 'react-redux';

ERROR in ./src/screens/CartScreen.js:15
Module not found: Can't resolve 'react-native-vector-icons/AntDesign'
  13 | import Ionicons from 'react-native-vector-icons/Ionicons';
  14 | import Entypo from 'react-native-vector-icons/Entypo';
> 15 | import AntDesign from 'react-native-vector-icons/AntDesign';
  16 | import {Display} from '../utils';
  17 | import {useSelector} from 'react-redux';
  18 | 

ERROR in ./src/screens/FoodScreen.js:15
Module not found: Can't resolve 'react-native-vector-icons/FontAwesome'
  13 | import {Display} from '../utils';
  14 | import {Separator} from '../components';
> 15 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  16 | import AntDesign from 'react-native-vector-icons/AntDesign';
  17 | import {useDispatch, useSelector} from 'react-redux';
  18 | import {CartAction} from '../actions';

ERROR in ./src/screens/FoodScreen.js:16
Module not found: Can't resolve 'react-native-vector-icons/AntDesign'
  14 | import {Separator} from '../components';
  15 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
> 16 | import AntDesign from 'react-native-vector-icons/AntDesign';
  17 | import {useDispatch, useSelector} from 'react-redux';
  18 | import {CartAction} from '../actions';
  19 | 

ERROR in ./src/screens/ForgotPasswordScreen.js:11
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
   9 | } from 'react-native';
  10 | import {Separator} from '../components';
> 11 | import Ionicons from 'react-native-vector-icons/Ionicons';
  12 | import Feather from 'react-native-vector-icons/Feather';
  13 | import {Colors, Fonts} from '../contants';
  14 | import {Display} from '../utils';

ERROR in ./src/screens/ForgotPasswordScreen.js:12
Module not found: Can't resolve 'react-native-vector-icons/Feather'
  10 | import {Separator} from '../components';
  11 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 12 | import Feather from 'react-native-vector-icons/Feather';
  13 | import {Colors, Fonts} from '../contants';
  14 | import {Display} from '../utils';
  15 | 

ERROR in ./src/screens/HomeScreen.js:18
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  16 | } from '../components';
  17 | import {Colors, Fonts, Mock} from '../contants';
> 18 | import Ionicons from 'react-native-vector-icons/Ionicons';
  19 | import MaterialIcons from 'react-native-vector-icons/MaterialIcons';       
  20 | import Feather from 'react-native-vector-icons/Feather';
  21 | import {RestaurantService} from '../services';

ERROR in ./src/screens/HomeScreen.js:19
Module not found: Can't resolve 'react-native-vector-icons/MaterialIcons'
  17 | import {Colors, Fonts, Mock} from '../contants';
  18 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 19 | import MaterialIcons from 'react-native-vector-icons/MaterialIcons';       
  20 | import Feather from 'react-native-vector-icons/Feather';
  21 | import {RestaurantService} from '../services';
  22 | import {Display} from '../utils';

ERROR in ./src/screens/HomeScreen.js:20
Module not found: Can't resolve 'react-native-vector-icons/Feather'
  18 | import Ionicons from 'react-native-vector-icons/Ionicons';
  19 | import MaterialIcons from 'react-native-vector-icons/MaterialIcons';       
> 20 | import Feather from 'react-native-vector-icons/Feather';
  21 | import {RestaurantService} from '../services';
  22 | import {Display} from '../utils';
  23 | 

ERROR in ./src/screens/RegisterPhoneScreen.js:13
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  11 | } from 'react-native';
  12 | import {Colors, Fonts, CountryCode} from '../contants';
> 13 | import Ionicons from 'react-native-vector-icons/Ionicons';
  14 | import {FlagItem, Separator} from '../components';
  15 | import {Display} from '../utils';
  16 | import MaterialIcons from 'react-native-vector-icons/MaterialIcons';       

ERROR in ./src/screens/RegisterPhoneScreen.js:16
Module not found: Can't resolve 'react-native-vector-icons/MaterialIcons'
  14 | import {FlagItem, Separator} from '../components';
  15 | import {Display} from '../utils';
> 16 | import MaterialIcons from 'react-native-vector-icons/MaterialIcons';       
  17 | import {StaticImageService} from '../services';
  18 | 
  19 | const getDropdownStyle = y => ({...styles.countryDropdown, top: y + 60});  

ERROR in ./src/screens/RestaurantScreen.js:16
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  14 | import {RestaurantService, StaticImageService} from '../services';
  15 | import {Display} from '../utils';
> 16 | import Ionicons from 'react-native-vector-icons/Ionicons';
  17 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  18 | import {useDispatch, useSelector} from 'react-redux';
  19 | import {BookmarkAction} from '../actions';

ERROR in ./src/screens/RestaurantScreen.js:17
Module not found: Can't resolve 'react-native-vector-icons/FontAwesome'
  15 | import {Display} from '../utils';
  16 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 17 | import FontAwesome from 'react-native-vector-icons/FontAwesome';
  18 | import {useDispatch, useSelector} from 'react-redux';
  19 | import {BookmarkAction} from '../actions';
  20 | 

ERROR in ./src/screens/SigninScreen.js:12
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  10 | } from 'react-native';
  11 | import {Separator, ToggleButton} from '../components';
> 12 | import Ionicons from 'react-native-vector-icons/Ionicons';
  13 | import Feather from 'react-native-vector-icons/Feather';
  14 | import {Colors, Fonts, Images} from '../contants';
  15 | import {Display} from '../utils';

ERROR in ./src/screens/SigninScreen.js:13
Module not found: Can't resolve 'react-native-vector-icons/Feather'
  11 | import {Separator, ToggleButton} from '../components';
  12 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 13 | import Feather from 'react-native-vector-icons/Feather';
  14 | import {Colors, Fonts, Images} from '../contants';
  15 | import {Display} from '../utils';
  16 | import {AuthenicationService, StorageService} from '../services';

ERROR in ./src/screens/SigninScreen.js:17
Module not found: Can't resolve 'lottie-react-native'
  15 | import {Display} from '../utils';
  16 | import {AuthenicationService, StorageService} from '../services';
> 17 | import LottieView from 'lottie-react-native';
  18 | import {useDispatch, useSelector} from 'react-redux';
  19 | import {GeneralAction} from '../actions';
  20 | 

ERROR in ./src/screens/SignupScreen.js:12
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
  10 | } from 'react-native';
  11 | import {Colors, Fonts, Images} from '../contants';
> 12 | import Ionicons from 'react-native-vector-icons/Ionicons';
  13 | import AntDesign from 'react-native-vector-icons/AntDesign';
  14 | import {Separator} from '../components';
  15 | import {Display} from '../utils';

ERROR in ./src/screens/SignupScreen.js:13
Module not found: Can't resolve 'react-native-vector-icons/AntDesign'
  11 | import {Colors, Fonts, Images} from '../contants';
  12 | import Ionicons from 'react-native-vector-icons/Ionicons';
> 13 | import AntDesign from 'react-native-vector-icons/AntDesign';
  14 | import {Separator} from '../components';
  15 | import {Display} from '../utils';
  16 | import Feather from 'react-native-vector-icons/Feather';

ERROR in ./src/screens/SignupScreen.js:16
Module not found: Can't resolve 'react-native-vector-icons/Feather'
  14 | import {Separator} from '../components';
  15 | import {Display} from '../utils';
> 16 | import Feather from 'react-native-vector-icons/Feather';
  17 | import {AuthenicationService} from '../services';
  18 | import LottieView from 'lottie-react-native';
  19 | 

ERROR in ./src/screens/SignupScreen.js:18
Module not found: Can't resolve 'lottie-react-native'
  16 | import Feather from 'react-native-vector-icons/Feather';
  17 | import {AuthenicationService} from '../services';
> 18 | import LottieView from 'lottie-react-native';
  19 | 
  20 | const inputStyle = state => {
  21 |   switch (state) {

ERROR in ./src/screens/VerificationScreen.js:11
Module not found: Can't resolve 'react-native-vector-icons/Ionicons'
   9 | } from 'react-native';
  10 | import {Separator} from '../components';
> 11 | import Ionicons from 'react-native-vector-icons/Ionicons';
  12 | import {Colors, Fonts} from '../contants';
  13 | import {Display} from '../utils';
  14 | 

web compiled with 36 errors
Error: Problem validating fields in app.json. Learn more: https://docs.expo.dev/workflow/configuration/
 • should NOT have additional property 'displayName'.
Failed to construct transformer:  Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:68:19)
    at Object.createHash (node:crypto:138:10)
    at stableHash (D:\NATIVE\open source\React_native_food_delivery_app\node_module_modules\metro-cache\src\stableHash.js:19:8)
    at Object.getCacheKey (D:\NATIVE\open source\React_native_food_delivery_app\no_app\node_modules\metro-transform-worker\src\index.js:647:7)
    at getTransformCacheKey (D:\NATIVE\open source\React_native_food_delivery_app\ry_app\node_modules\metro\src\DeltaBundler\getTransformCacheKey.js:32:19)    
    at new Transformer (D:\NATIVE\open source\React_native_food_delivery_app\node_p\node_modules\metro\src\DeltaBundler\Transformer.js:180:28)
    at D:\NATIVE\open source\React_native_food_delivery_app\node_modules\metro\srctro\src\Bundler.js:58:29 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization eation error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Error: Problem validating fields in app.json. Learn more: https://docs.expo.dev/wo.dev/workflow/configuration/
 • should NOT have additional property 'displayName'.
ameenfarook / food_delivery_app

Dependancies issues #1
