[React,Github Actions] create-react-appのアプリケーションをGithubActionsでビルドするときに`Treating warnings as errors because process.env.CI = true.` と怒られる時の対処法

2175 ワード
YAML GitHubActions create-react-app React jacascript YAML テキストリンク

エラー概要

create-react-appのアプリケーションをGithub Actionsでビルドして、Firebase Hostingにデプロイしようとしたら以下のエラーが出てデプロイできなかった。
どうやらCIという環境変数がtrueになっていることで、eslintによるwarnings(例えば、unused import=使われてないimport文がある など)をエラーとして扱ってしまい、ビルドがコケているみたいだった。

> react-scripts build 

Creating an optimized production build...

Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.

実際の画面

解決方法

方法1.警告になるような処理を修正する

正攻法。そもそも警告が出ないコードにするのが一番。

方法2. 環境変数CIをfalseにする

警告を全て解消している時間はない、とりあえず動くからデプロイしたい場合はこちら。

問題の環境変数をfalseにするために
yamlのビルドを行なっているstepに以下を追加する

env:
     CI: false

step全体像

- name: Install Packages And Build The Application
        run: cd ./path/to/your/app/directory && npm i && npm run build
        env:
          CI: false

参考