expo start ができない（Typescript）

Question

expo initコマンドでアプリの雛形をTypescriptで作った場合アプリが立ち上がらない

環境

• MacBookPro(M1Pro)
• OS(Monterey / 12.0.1)
• node: 16.14.0
• yarn: 1.22.17
• expo: 5.2.0

概要（手順）

① expo init アプリ名でアプリの雛形を作成
② jsかTypescriptで作るか聞かれるのでTypescriptを選択

③無事アプリの雛形ができる

⑤yarn startコマンドでアプリを起動する。するとtypescriptで必要なものがないのでインストールするように言われるのでYを押してインストールをする。

⑥このまま起動するかと思うと起動しない。エラーが出る。

試したこと

• アプリの再起動
• PCの再起動
• アプリのディレクトリでyarn add --dev @types/react@~17.0.21コマンドを実行
• アプリのディレクトリでnpm i -D @types/react @types/react-nativeコマンドの実行
• npm install -g typescriptコマンドの実行
• expo init アプリ名でもう一度雛形を作りjs形式からTypescriptに拡張子を変えてyarn startコマンドを実行

補足

• yarn add --dev @types/react@~17.0.21コマンドでインストールしたものはできているようです。
  

最後に

調べてもわからず、もし解決方法をご存知の方がいましたら、よろしくお願いいたします。
また、js形式で雛形を作った場合はアプリは立ち上がってくれます…。

Comments

[maisumakun]

> アプリのディレクトリでyarn add --dev @types/react@~17.0.21コマンドを実行

これを行ったあとも同じエラーが出続けている状況ですか？エラーは変化しましたか？

[ken0426]

はいそうですね…。
インストールしても、yarn start→上記⑥の内容が繰り返される感じですね。
（なお、yarn add --dev @types/react@~17.0.21をインストールしても、サイドyarn startをすると、またインストールしますか？（上記⑤）と出るのでYを押すと上記⑥になる感じです）

Answer 1

・M1 Mac Monterye
・node 16.16.0
・yarn 1.22.19
・expo 6.0.2
・expo-cli 6.0.2

expoは未経験ですが、上記環境で試してみると普通に起動しますね。
環境構築から見直してみては？

/tmp/app $ yarn start

yarn run v1.22.19
$ expo start
Starting project at /private/tmp/app
Starting Metro Bundler
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
█ ▄▄▄▄▄ █   █▄ ▀▄▀█ ▄▄▄▄▄ █
█ █   █ █ ▀▄ █▀█ ▄█ █   █ █
█ █▄▄▄█ █▀██▀▀ ▀▄██ █▄▄▄█ █
█▄▄▄▄▄▄▄█▄▀▄█ █▄█▄█▄▄▄▄▄▄▄█
█ ▄█▀▄▄▄▀▀▀▀▄▀█▄ ███ ▀▄▄ ▄█
██▄█▀▄ ▄█▀█▀ ▄▄█  ▀ █▄  ▀██
█   ▀▀ ▄▀▄▀▄█▄▀▄▀▄▀▄▀▀▄ ▀██
███▀▄▄█▄█▄███▀█▀▄▄▄█▄▀ ▀███
█▄▄███▄▄▄▀▀ ▄ █▄▄ ▄▄▄ ▀ ▄▄█
█ ▄▄▄▄▄ █▀▀█ ██▀▀ █▄█ ▀▀███
█ █   █ █▄▀▀▀▀▀▄█▄▄ ▄▄▀ ▀▀█
█ █▄▄▄█ █▀▄  ███▄██▄▀█▀▀ ██
█▄▄▄▄▄▄▄█▄█▄███▄████▄▄▄▄▄▄█

› Metro waiting on exp://192.168.0.100:19000
› Scan the QR code above with Expo Go (Android) or the Camera app (iOS)

› Press a │ open Android
› Press i │ open iOS simulator
› Press w │ open web

› Press r │ reload app
› Press m │ toggle menu

› Press ? │ show all commands

Logs for your project will appear below. Press Ctrl+C to exit.
Started Metro Bundler

Comments

[ken0426]

ご回答ありがとうございます。
こちら念の為お聞きしたいのですが、Typescriptベースでアプリの雛形を作成していますでしょうか？

[ken0426]

今確認したところ、expoのバージョンアップをすることで解決しました！！
自分が使っていたexpoのバージョンが5.2.0に対して回答していただいた環境では6.0.2なので、そこか原因だったのかもしれません。
ありがとうございます。