AWS Cloud9でReactの環境構築
セットアップ作業
Cloud9で環境構築後、$ npm install -g create-react-appを実行
結果は成功した様子。
次はtypescriptを使ったReactアプリを作る
$ create-react-app hello-typescript --typescriptを実行
そして、
$ cd {プロジェクト名}
$ npm start
を実行し、アプリを起動させてみた。
実行結果:
成功したように見えますが・・・
プロジェクトの\srcフォルダを覗いてみると、.tsxファイルが見当たらない。
なんでだろう・・・
.tsxファイルが生成されない件
$ create-react-app hello-typescript --typescriptを実行した際に、色々エラー吐き出された。
この実行が上手くいってないじゃないか、という推測。
色々調べてみると、どうやらオプション--typescriptではだめで、今は--template typescriptを使用する必要があるみたい。
コートを変更して、再実行。
$ create-react-app react-typescript --template typescript
(アンダーバーの部分はプロジェクト名、無意味に変更してみた)
実行結果:
やったーー!無事に.tsxファイル生成された。
$ npm start 実行し、アプリも動いたっぽいので、これで開発環境構築できたと思いたい!