0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

expoでTypescriptが使えず詰んだ話

Posted at

【概要】

個人アプリ開発をしているときに、既存で作っていたアプリ(js/jsxファイルのみ)をTypescriptを用いて実装しようとしたときに、
Typescriptのファイルがあると上手くビルドができなかった話。
またjsで雛形を作ったアプリでも、はじめからTypescriptを選択したアプリでもどちらでもうまくビルドができませんでした。
※今回はアプリの雛形を作る際にはじめからTypescriptを用いて開発することを前提に進めますが、既存でTypescriptを用いてなく、これからTypescriptを導入する方も解決方法は同じになります。

【環境】

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

expo init アプリ名でアプリの雛形を作成
② jsかTypescriptで作るか聞かれるのでTypescriptを選択
スクリーンショット 2022-08-10 17.08.30.png

③無事アプリの雛形ができる
スクリーンショット 2022-08-10 17.10.46.png

yarn startコマンドでアプリを起動する。するとtypescriptで必要なものがないのでインストールするように言われるのでYを押してインストールをする。
スクリーンショット 2022-08-10 17.12.18.png

⑥このまま起動するかと思うと起動しない。エラーが出る。
スクリーンショット 2022-08-10 17.13.47.png

※再度③のyarn startからやっても③〜⑥をループするだけでした。

補足

  • yarn add --dev @types/react@~17.0.21コマンドでインストールしたものはできているようです。
    スクリーンショット 2022-08-10 17.46.53.png

【解決方法】

結論:expoのバージョンアップをすることで解決しました。

yarn global add expo-cli expo-cliコマンドを実行
②アプリのディレクトリでexpo upgradeコマンドを実行
④最後にいつも通りyarn startコマンドでアプリを立ち上げる
⑤アプリが立ち上がったらお疲れ様でした

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?