【ReactNative】ExpoCLI＋TypeScriptの導入・初期設定をしてみた

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

オススメ本

Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう！！

読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

ReactNative に TypeScript を入れる手順

早速ですが、コマンドいきましょう。

$ npm install -g expo-cli
$ expo init my_native_app

色々選択肢が出てきますが、

blank (TypeScript) same as blank but with TypeScript configuration

これを選択。

テンプレなしのまっさらかつ TypeScript が入った状態。

型定義はあとで学習する。

通常ここで expo start すればコンパイルされてシミュレーターに初期表示がされるはずであるが、

自分は、ターミナルなどにエラーはでないものの、コンパイルされなかった。

シミュレータの文字が小さかったが、よく字を読むと、

There was a problem loading the requested app.

The experience you requested requires a newer version of the Expo Client app.

と書いてあった。

自分は１０ヶ月くらい前に一度 ReactNative で遊んでいたので、１０ヶ月ぶりにバージョンをアップさせたのだが、

expo --version

を叩いても、latest で間違いがない。

iOS シミュレータ内で以前インストールした Expo のバージョンが古すぎてエラーになっていた

なるほど・・・。

なので、シミュレーター上で、通常の iPhone の操作通りに Expo アプリを削除して、再び

expo start -i

で iOS シミュレーターを再起動すると、初期表示が完了された！

久々にやるとテンパるけど、次はナビゲーショオン周りを思い出しながら実装していきます。