Cloud9 上で新規ユーザーを作って create-react-app しようとしたけどプレビューが見れない

前提

  1. useraddしてfooユーザーを作成
  2. su -l fooでチェンジ
  3. デフォルトユーザーのenvironmentの中でyarn create react-app hello-react-app
  4. その中でyarn start
  5. プレビュー

でもこんな感じの画面で見れません。

Image from Gyazo

デフォルトユーザーとの違い

よく見ると作ったユーザーはポート3000で建ててるのに、デフォルトユーザーでは8080で建っています。どうやらデフォルトユーザーの環境変数には$PORT8080が登録されてて、これを見ている様子です。

# デフォルトユーザーで
echo $PORT # 8080

画像の注意書きにもそのような感じのことが書かれてますね。

package.json の編集

では、8080で立つように scriptsstartPORT=8080 react-scripts startとしてみましょう。そして再度yarn start

結果

無事プレビューできました!

Image from Gyazo