[React Native,Expo] expo start で Cannot find module 'babel-plugin-transform-react-jsx-source と怒られる時の対処法

エラーの概要

cloneした4,5年前のレポジトリで expo startしたら以下のメッセージが出て怒られた

Failed building JavaScript bundle.
node_modules/expo/AppEntry.js: Cannot find module 'babel-plugin-transform-react-jsx-source' from '/Users/ironsmri/Projects/sampleCodes/React_Native_Cookbook_sampleCode/Chapter02/fake-music-player'
- Did you mean "@babel/transform-react-jsx-source"?

参考までにexpoのコンソール画像

実行時の.babelrc

{
  "presets": ["babel-preset-expo"],
  "env": {
    "development": {
      "plugins": ["transform-react-jsx-source"]
    }
  }
}

解決方法

.babelrcを次のように変更した

{
  "presets": ["babel-preset-expo"]
}

どうやら変更前のbabelrcに含まれていたプラグインtransform-react-jsx-sourceはbabel-preset-expoに含まれているものらしく、明示的に記述する必要はないらしい。レポジトリが作成された当時はsubsetではなかったのかもしれない。

出典: https://forums.expo.io/t/problem-upgrading-to-sdk-31-cannot-find-babel-plugin-transform-react-jsx-source/16246/5

参考

• .babelrcとbabel.config.jsの違い
• Cannot find module '@babel/plugin-transform-react-jsx-source' when running React App
• https://forums.expo.io/t/problem-upgrading-to-sdk-31-cannot-find-babel-plugin-transform-react-jsx-source/16246/5