MENU

Expo SDK43が公開されました

2021-10-27

Announcing the release of Expo SDK 43

Expo SDK 43が公開されました

先週Expo SDKのversion43が正式にリリースされました。


目玉は

  • Hermesの実験的サポート
  • react-native-unimodulesのexpoへの置き換え

の2つです。

これまで何度かSDKのアップデートは行っていますが、スムーズに移行できていました。しかし今回はうまくいきませんでした。

アップデートを試みたのは以下の4つです。いずれもManaged workflowです。


このうちケンモリーダーのみexpo upgradeコマンドと、いくつかのライブラリ更新でアップデートが完了しました。AppStore/GooglePlayともに配信済みです。

アップデートができない理由

うまくいかなかった3つですが、いずれもfiction-expo-restartという、アプリを再起動するライブラリを使っています。このライブラリが原因のようです。

expo upgrade 43を実行したあとアプリを起動すると、以下のエラーが出ます。

img1 

Unable to resolve module @unimodules/core from /Users/admin/develop/expo/reactnative-expo-firebase-boilerplate/node_modules/expo-updates/build/Updates.js: @unimodules/core could not be found within the project or in these directories:
  node_modules/expo-updates/node_modules
  node_modules

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
> 1 | import { RCTDeviceEventEmitter, CodedError, NativeModulesProxy, UnavailabilityError, } from '@unimodules/core';
    |                                                                                              ^
  2 | import { EventEmitter } from 'fbemitter';
  3 | import ExpoUpdates from './ExpoUpdates';
  4 | export * from './Updates.types';

expo-updatesが存在してないので原因っぽいのでインストールします。

expo install expo-updates

その後アプリを実行すると。以下のエラーになります。

img2 

Unable to resolve module @unimodules/core from /Users/admin/develop/expo/reactnative-expo-firebase-boilerplate/node_modules/fiction-expo-restart/node_modules/expo-updates/build/Updates.js: @unimodules/core could not be found within the project or in these directories:
  node_modules/fiction-expo-restart/node_modules/expo-updates/node_modules
  node_modules/fiction-expo-restart/node_modules
  node_modules

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
> 1 | import { RCTDeviceEventEmitter, CodedError, NativeModulesProxy, UnavailabilityError, } from '@unimodules/core';
    |                                                                                              ^
  2 | import { EventEmitter } from 'fbemitter';
  3 | import ExpoUpdates from './ExpoUpdates';
  4 | export * from './Updates.types';

というわけで、fiction-expo-restartが原因になっているらしいことがわかりました。

対応策

ReactNative-Expo-Firebase-Boilerplate-v2については、fiction-expo-restartを使わないという方法で対処しました。このライブラリはログアウト時にアプリを再起動させログイン状態の判定をやりなおすために使っています。

<NavigationContainer theme={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
  { userData ? (
    <UserDataContext.Provider value={{userData, setUserData}}>
      <TabNavigator/>
    </UserDataContext.Provider>
    ) : (
    <LoginNavigator/>
  )}
</NavigationContainer>

こんな風にuserDataにFirestoreから取得したユーザー情報が入ってればログイン後の画面遷移へ、入ってなければログイン/サインアップ画面へ、という感じです。なのでuserDataを空にしてあげればログイン判定が行われ、ログイン前画面に遷移します。

ボイラープレートv2ではuserDataとsetUserDataをContextAPIを使って受け渡しているので、ログアウト関数の書き換えだけでfiction-expo-restartの削除ができました。

const signOut = () => {
  firebase.auth().signOut()
  // Restart() アプリの再起動は行わない
  setUserData(null) // 代わりにuserDataを空にして判定しなおす
}

ただ、ボイラープレートv1とPINE proでは、ContextAPIやReduxを使っておらず、userDataの受け渡しはpropsのバケツリレー形式なのでこの方法は使えません。他の方法も思いつかないのでライブラリのアップデート待ちになりそうです。

この記事を共有