android & ios: Working npx expo begin –no-dev –minify returns “Component kind is invalid” error

I’ve constructed on app utilizing Expo and React-Native. It really works nice on the event construct, one produced utilizing the npx expo begin command. Nonetheless, the manufacturing construct run on each the emulator and the bodily gadget reviews an error which I can’t discover the principle trigger.

After just a few failures, the manufacturing mode is just run on the emulator utilizing the npx expo begin --no-dev --minify command, for comfort.

The app used to crash on the Splash Display, which I happily addressed it one way or the other. Now, one other error happens, though the app does not crash anymore.

I’ve tried many of the makes an attempt by implementing approaches that claimed to be options for points just like mine, nevertheless, issues nonetheless don’t work.

Listed below are the factors I’ve narrowed down:

• Constructing a minified model of the app via the command npx expo begin --minify correctly runs the app. The difficulty appears to be the extra --no-dev configuration.
• All package deal model crashes have been resolved. Presumably package deal variations will not be the reason for the issue.
• Probably, all file imports have been correctly set as nicely.

Beneath I am going to checklist down the main points of some important recordsdata:

app.json

{
  "expo": {
    "identify": "COUT",
    "slug": "cout",
    "model": "1.1.0",
    "orientation": "portrait",
    "fundamental": "node_modules/expo/AppEntry.js",
    "icon": "./property/photographs/icon.png",
    "userInterfaceStyle": "mild",
    "splash": {
      "picture": "./property/photographs/splash.png",
      "resizeMode": "cowl",
      "backgroundColor": "#ffffff"
    },
    "ios": {
      "supportsTablet": false,
      "bundleIdentifier": "com.flat.cout",
      "infoPlist": {
        "NSAppTransportSecurity": {
          "NSAllowsArbitraryLoads": true
        }
      }
    },
    "android": {
      "adaptiveIcon": {
        "backgroundColor": "#ffffff"
      },
      "package deal": "com.flat.cout"
    },
    "plugins": [
      "expo-router",
      "expo-font"
    ],
    "experiments": {
      "typedRoutes": true
    },
    "further": {
      "router": {
        "origin": false
      },
      "eas": {
        "projectId": ""
      }
    },
    "runtimeVersion": {
      "coverage": "appVersion"
    },
    "updates": {
      "url": ""
    }
  }
}

package deal.json

{   "identify": "cout.frontend",   "fundamental": "expo-router/entry",   "model": "1.0.0",   "scripts": {
    "begin": "expo begin",
    "reset-project": "node ./scripts/reset-project.js",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "internet": "expo begin --web",
    "check": "jest --watchAll",
    "lint": "expo lint"   },   "jest": {
    "preset": "jest-expo"   },   "dependencies": {
    "@babel/preset-env": "^7.1.6",
    "@bytescale/sdk": "^3.44.0",
    "@expo/vector-icons": "^14.0.2",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-picker/picker": "2.7.5",
    "@react-navigation/bottom-tabs": "^6.6.0",
    "@react-navigation/native": "^6.1.17",
    "@react-navigation/stack": "^6.4.0",
    "@supabase/supabase-js": "^2.44.4",
    "axios": "^1.7.2",
    "buffer": "^6.0.3",
    "cross-fetch": "^4.0.0",
    "dotenv": "^16.4.5",
    "expo": "^51.0.31",
    "expo-clipboard": "~6.0.3",
    "expo-constants": "~16.0.2",
    "expo-dev-client": "~4.0.25",
    "expo-file-system": "^17.0.1",
    "expo-font": "~12.0.9",
    "expo-image": "~1.12.15",
    "expo-image-picker": "^15.0.7",
    "expo-linking": "~6.3.1",
    "expo-location": "~17.0.1",
    "expo-module-scripts": "^3.5.2",
    "expo-router": "~3.5.23",
    "expo-splash-screen": "~0.27.5",
    "expo-status-bar": "~1.12.1",
    "expo-system-ui": "~3.0.7",
    "expo-updates": "^0.25.24",
    "expo-web-browser": "~13.0.3",
    "node-fetch": "^3.3.2",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "0.74.5",
    "react-native-gesture-handler": "^2.18.1",
    "react-native-root-toast": "^3.6.0",
    "react-native-screens": "3.31.1",
    "stream": "^0.0.3",
    "url": "^0.11.3"   },   "devDependencies": {
    "@babel/core": "^7.20.0",
    "@react-native/js-polyfills": "^0.75.2",
    "@sorts/jest": "^29.5.12",
    "@sorts/react": "~18.2.79",
    "@sorts/react-lazy-load-image-component": "^1.6.4",
    "@sorts/react-native": "^0.73.0",
    "@sorts/react-test-renderer": "^18.0.7",
    "jest": "^29.2.1",
    "jest-expo": "~51.0.4",
    "react-test-renderer": "18.2.0",
    "typescript": "~5.3.3"   },   "personal": true,   "license": "UNLICENSED" }

Any recommendation on decision could be appreciated. Thanks.