【React】create-react-app が Abort installation になった場合の対処法

どうやらReactとVueもやらなくてはならなくなり、久しぶりに環境構築をしているところで、環境構築をまとめました。

インストール途中でAbort Installatinエラーが発生したので、とりあえずの対処方法を記載します。

対象環境

AWS EC2環境へインストールします。

Node.jsについてはこちら

create-react-appインストール

create-react-appをグローバルインストールします。

$ npm install -g create-react-app

公開フォルダに移動し、create-react-appコマンドを実行します。

$create-react-app myapp[任意のアプリ名]

下記エラーが発生する場合があります。

[ec2-user@ip-xxx-xxx-xxx-xxx reactapp]$ create-react-app react-test
Creating a new React app in /var/www/html/reactapp/myapp.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...


> core-js@2.6.11 postinstall /var/www/html/reactapp/myapp/node_modules/babel-runtime/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"



Aborting installation.
  npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting react-test/ from /var/www/html/reactapp
Done.

Node.jsのバージョンを変更する

最新版のNode.jsは動作が不安定になる場合があるとのことで、推奨版のNode.jsをインストールします。

$ nvm install v11.10.1

切り替わってない場合は、下記コマンドを実行します。

$  nvm use v11.10.1

yarnをインストール

Node.jsのバージョンを変更してもエラーが発生する場合は、yarnをインストールします。

$ npm install -g yarn

yarnのインストール後、再度create-react-appを実行し、こちらの環境ではエラーが消えました。

関連記事:

【Node.js】AWS EC2 AmazonLinux 2にNode.jsをインストールする xserverにNode.jsをインストールする Sassの導入と、node-sass実行時に「このシステムではスクリプトの実行が無効になっているため」エラーの場合の対処方法【Windows】 【EC2】rpmdbが壊れて yum install が失敗する場合の対応方法 【備忘録】let’s encrypt で証明書更新エラーが発生した際の対応方法 【WordPress】wp_enqueue_scriptが読み込まない原因と対処法【Gutenberg】