仕事で、TypeScript
とReact
を使用するプロジェクトに携わる予定なので、それの予習用です。
コマンド実行
プロジェクト作成用コマンド(JavaScript用)
npx create-react-app 「アプリ名」
※事前にNode.js のインストールが必要
※「ユーザー\AppData\Roaming\npm」のディレクトリが無いみたいなエラーが出ますが、「npm」フォルダを作成すれば解消される場合があります。
プロジェクト作成用コマンド(TypeScript用)
--template typescript
オプションを引数に追加することで、TypeScript
用としてプロジェクトを作成することができます。
npx create-react-app --template typescript 「アプリ名」
アプリの開始用コマンド(Node アプリの共通コマンド)
npm start
一応これで、サンプルページが表示できます!
「npm start」できない...
新規に環境構築したパソコンで、作成済のプロジェクトでnpm start
を実行しても、以下のエラーが発生してアプリが起動できない場合があります。
'react-scripts' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
この場合は以下のコマンドで、エラーが解消できます。
バージョン指定が必要であれば、バージョンx.x.x
をnpm install react-scripts@x.x.x --save
で指定する。
(エラーが残る場合は、npm audit fix --force
を実行する。)
npm install react-scripts --save