React Testflightに公開するとNative Expoアプリがクラッシュする
Locationパーミッションを使用するreactネイティブExpoアプリがあります。それは私のデバイスとシミュレーターでうまく機能するので、配布の次のステップ-TestFlightに移動します。 ipfをTestflightにロードしてからアプリを実行しようとすると、アプリはユーザーに許可を求めるところまで機能します。 （つまり、アプリが読み込まれ、認証が機能し、サーバーとデータベースへのリンクがすべて機能しているなど）。
コードがユーザーの位置情報へのアクセス許可を要求する時点で、通常のアラート「アプリの使用中は許可する、常に許可する、許可しない」が数ミリ秒間画面上で点滅し、その後アプリがクラッシュし、コメントを共有するオプションが表示されますテストフライト。
許可を求めるコードはここにあります：
import * as Location from 'expo-location';
import * as Permissions from 'expo-permissions';
import createDataContext from '../../Context/createDataContext';
const deviceLocationReducer = (state, action) => {
switch (action.type) {
case 'get_device_location':
return action.payload;
default:
return state;
}
};
const getDeviceLocation = dispatch => async () => {
let deviceLocation = null;
try {
// Ask User permission for location
const { status } = await Permissions.askAsync(Permissions.LOCATION);
console.log('\n***\nDeviceLocationContext.js: Permission status', status);
if (status === 'granted') {
// Permission granted, get user location
deviceLocation = await Location.getCurrentPositionAsync({});
console.log('DeviceLocationContext.js: Setting Context', deviceLocation);
} else {
console.log(
'DeviceLocationContext.js: Permission to access location denied'
);
}
dispatch({
type: 'get_device_location',
payload: deviceLocation,
});
} catch ({ message }) {
console.log(
`DeviceLocationContext.js: Get Device Location Error: ${message}`
);
}
};
export const { Context, Provider } = createDataContext(
deviceLocationReducer,
{ getDeviceLocation },
null
);
ここにapp.json
{
"expo": {
"name": "MyApp",
"description": "MyApp Description",
"slug": "client",
"privacy": "public",
"sdkVersion": "35.0.0",
"platforms": ["ios", "Android"],
"version": "0.0.7",
"orientation": "portrait",
"icon": "./assets/images/icon.png",
"splash": {
"image": "./assets/images/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": ["**/*"],
"ios": {
"supportsTablet": true,
"bundleIdentifier": "com.reachout.myapp",
"icon": "./assets/images/icon.png",
"infoPlist": {
"NSCameraUsageDescription": "Please allow access to add your photo.",
"NSPhotoLibraryUsageDescription": "Please allow access to select an image from your photo library.",
"NSLocationWhenInUseUsageDescription": "Please allow access to show venues near you"
},
"buildNumber": "0.0.7"
},
"Android": {
"permissions": [
"CAMERA",
"ACCESS_COARSE_LOCATION",
"ACCESS_FINE_LOCATION"
],
"versionCode": 7,
"icon": "./assets/images/icon.png"
}
}
}
ここにpackage.json
{
"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"
},
"dependencies": {
"@expo/vector-icons": "^10.0.6",
"axios": "^0.19.0",
"expo": "^35.0.0",
"expo-camera": "^7.0.0",
"expo-constants": "~7.0.0",
"expo-font": "^7.0.0",
"expo-image-picker": "~7.0.0",
"expo-location": "~7.0.0",
"expo-permissions": "^7.0.0",
"lodash": "^4.17.15",
"react": "16.8.3",
"react-dom": "16.8.3",
"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
"react-native-elements": "^1.2.7",
"react-native-gesture-handler": "^1.3.0",
"react-native-image-picker": "^1.1.0",
"react-native-map-clustering": "^3.0.6",
"react-native-maps": "^0.26.1",
"react-native-paper": "^3.1.1",
"react-native-ratings": "^6.5.0",
"react-native-reanimated": "^1.2.0",
"react-native-web": "^0.11.7",
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.9.4",
"react-navigation-tabs": "^2.5.6"
},
"devDependencies": {
"babel-eslint": "^9.0.0",
"babel-preset-expo": "^7.0.0",
"eslint": "^5.16.0",
"eslint-config-airbnb": "^17.1.1",
"eslint-config-prettier": "^4.3.0",
"eslint-config-wesbos": "0.0.19",
"eslint-plugin-html": "^5.0.5",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jsx-a11y": "^6.2.3",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-react": "^7.16.0",
"eslint-plugin-react-hooks": "^1.7.0",
"prettier": "^1.19.1"
},
"private": true
}
誰かアイデアはありますか？私は完全な空白を描いています-本番と開発の両方でexpoからビルドを実行しました、expoキャッシュをクリアしました、デバイスからアプリを削除して再度ロードしました-すべてが失敗しました。
そのため、テスト用に配布できない「動作中」のアプリがあります。助けて！！
また、Expoで構築されたアプリのTestflightのクラッシュデータをデバッグまたはアクセスする方法もわかりません。ありがとう。
解決済み:)-他の誰かがこの種の問題を抱えている場合に備えて、ここに数日滞在してビルドしたため、ここを離れます。
私の問題は、Mapviewもマウントしたコンポーネントから、useEffectフックでユーザーの場所を要求することでした。 Mapviewでproviderプロップをgoogleに設定しました。
これを行う場合は、情報リストにgogleMapApiキーを追加する必要があります。 Expoに公平を期すために、実際にはこれをMapViewのドキュメントに記載していますが、Androidのドキュメントの後にあるように、一番下の脇にあります。このスレッドからの問題と解決策は、何時間も私のログを調べて、問題が許可場所のエラーではなく、Google APIエラーであることがわかりました。
[ https://forums.expo.io/t/how-to-set-googlemaps-with-gmsservices-provideapikey/17770] [1]
これが誰かを助けることを願っています！
また、JSエラーを識別できないという問題にも直面し、これをデバッグする方法を共有したいと思いました。
IOSの場合、シミュレーターオプションを使用してスタンドアロンアプリをビルドできます。クラッシュログは次の場所に保存されます。
~/Library/Logs/DiagnosticReports/
これについては、ここで詳しく説明しました。