Приложение отладки не запускается в Expo Go

Question

Я работаю над мобильным/веб-приложением, используя React Native с Expo. Последние пару недель я сосредоточился на веб-версии, которая отлично работает в моем локальном браузере.

Сейчас пытаюсь запустить его в приложении Expo Go на Android, но не запускается. Инструменты разработчика показывают правильную строку журнала «Связывание Android завершено», но приложение не отображается в приложении Expo Go.

Он показывает «экран-заставку», и никакие взаимодействия невозможны, встряхивание устройства для запуска меню разработки на мобильном устройстве также не работает.

Любые советы, как отладить эту проблему? Инструменты разработчика действуют так, как будто все в порядке, и в приложении Expo go не появляется никаких ошибок.

Не уверен, что это актуально, но это мои зависимости:

      {
  "name": "Wonderfully",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject",
    "test": "jest --watchAll"
  },
  "dependencies": {
    "@expo/vector-icons": "^12.0.5",
    "@react-native-async-storage/async-storage": "~1.15.14",
    "@react-native-community/masked-view": "0.1.11",
    "@react-navigation/bottom-tabs": "^6.0.9",
    "@react-navigation/drawer": "^6.1.8",
    "@react-navigation/native": "^6.0.6",
    "@react-navigation/native-stack": "^6.2.5",
    "@react-navigation/stack": "^6.0.11",
    "@use-expo/font": "^2.0.0",
    "base-64": "^1.0.0",
    "expo": "~44.0.3",
    "expo-asset": "~8.4.5",
    "expo-constants": "~13.0.0",
    "expo-font": "~10.0.4",
    "expo-linear-gradient": "~11.0.0",
    "expo-linking": "~3.0.0",
    "expo-splash-screen": "~0.14.1",
    "expo-status-bar": "~1.2.0",
    "expo-updates": "^0.11.3",
    "expo-web-browser": "~10.1.0",
    "moment": "^2.29.1",
    "native-base": "^3.2.2",
    "react-dom": "^17.0.2",
    "react-native": "0.64.3",
    "react-native-gesture-handler": "~2.1.0",
    "react-native-image-slider-box": "^1.1.14",
    "react-native-reanimated": "~2.3.1",
    "react-native-safe-area-context": "^3.3.2",
    "react-native-screens": "~3.10.1",
    "react-native-svg": "12.1.1",
    "react-native-swiper": "^1.6.0",
    "react-native-web": "^0.17.5",
    "react-redux": "^7.2.6",
    "redux": "^4.1.2",
    "redux-logger": "^3.0.6",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.4.1"
  },
  "devDependencies": {
    "@babel/core": "^7.16.5",
    "@types/react": "~17.0.38",
    "@types/react-native": "~0.66.10",
    "babel-plugin-react-native-web": "^0.17.5",
    "babel-preset-expo": "~9.0.2",
    "jest-expo": "~44.0.1",
    "redux-devtools": "^3.5.0",
    "redux-mock-store": "^1.5.4",
    "typescript": "~4.5.4"
  },
  "private": true,
  "jest": {
    "preset": "jest-expo"
  }
}

Index.js, который давно не трогали:

      import { createStore, applyMiddleware } from 'redux'
import thunkMiddleware from 'redux-thunk'
import { createLogger } from 'redux-logger'
import rootReducer from '../reducers/RootReducer'
import AsyncStorage from '@react-native-async-storage/async-storage';
import {jwt} from './jwt'
import React from 'react';
import { persistStore, persistReducer } from 'redux-persist';
 

const loggerMiddleware = createLogger()

const persistConfig = {
  key: 'primary',
  storage: AsyncStorage
};

const pReducer = persistReducer(persistConfig, rootReducer);
 const middleware = applyMiddleware(jwt, thunkMiddleware);
 const store = createStore(pReducer, middleware);
 const persistor = persistStore(store);

 export { persistor, store };

Answer 1

Вероятно, есть много возможных причин зависания на экране-заставке. Я смог исправить проблему, сравнив его с минимальным проектом и добавив свою функциональность один за другим.

В моем конкретном случае это было связано с плагином модуля разрешения в моем файле babel.config.js. После удаления модуля-резолвера из конфига он снова запускался.