問題
react nativeで何かアプリを作ろうとして、その際にtypescriptで始めようとしたのです。その際に公式のドキュメント通りに、以下を叩きました。
npx react-native init <MyApp> --template react-native-template-typescript
しかしあらびっくり。。作成されたディレクトリを覗いてみると、普通のJSプロジェクトになっていました。という事象です。
エラー文を見てみると、こんな感じ。
(node:20898) UnhandledPromiseRejectionWarning: Error: Command failed: npm install --save --save-exact react-native-template-react-native-template-typescript
解決策
https://github.com/react-native-community/react-native-template-typescript/issues/80
上記によれば、インストールしているreact-native-cliが悪さをしているみたい。react-native-cliをインストールする際にnpm install -g react-native-cli
でインストールをすると、問題が起きるようです。。
たしかに、react-native-cliをインストールする時にこのコマンドを使った覚えがありました。
ではどうすればよいのかというと、下記の流れでうまくいきました。
npm uninstall -g react-native-cli // 既存のcliを削除
npm i -g @react-native-community/cli // こっちのcliをインストール
npx react-native init <MyApp> --template react-native-template-typescript