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 実行し、アプリも動いたっぽいので、これで開発環境構築できたと思いたい！