'Treating warnings as errors because process.env.CI = true. Failed to compile

I am working on a react-weather application for self learning purpose. Deployed the same in gh-pages.
URL
https://davisraimon.github.io/react-weather/
Repo
https://github.com/davisraimon/react-weather

When tried to integrate my application with Travis Ci, i got error as follows. It says like i have to change some env variable called Process.env.CI.

$ git clone --depth=50 --branch=master https://github.com/davisraimon/react-weather.git davisraimon/react-weather
nvm.install
4.18s$ nvm install stable
cache.1
Setting up build cache
cache.npm
$ node --version
v14.4.0
$ npm --version
6.14.5
$ nvm --version
0.35.3
install.npm
13.21s$ npm ci 
7.45s$ npm run build
> [email protected] build /home/travis/build/davisraimon/react-weather
> react-scripts build
Creating an optimized production build...
Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.
Failed to compile.
./src/components/form.component.js
  Line 1:17:  'Component' is defined but never used  no-unused-vars
./src/App.js
  Line 2:8:    'logo' is defined but never used              no-unused-vars
  Line 8:7:    'API_key' is assigned a value but never used  no-unused-vars
  Line 37:5:   Expected a default case                       default-case
  Line 53:14:  Expected '===' and instead saw '=='           eqeqeq
  Line 69:20:  Expected '===' and instead saw '=='           eqeqeq
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `react-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /home/travis/.npm/_logs/2020-06-30T17_45_07_887Z-debug.log
The command "npm run build" exited with 1.
cache.2
store build cache

I added env variable in .travis.yml file.

env:
    process.env.CI : false

Still its showing the same error.

Can anyone help me out of this situation please...

Solution 1:^[1]

  "scripts": {
    "start": "react-scripts start",
    "build": "CI=false && react-scripts build",  // Add CI=False here
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Solution 2:^[2]

For me the solution was:

env: 
  CI: false

Solution 3:^[3]

For me replacing npm run build with CI='' npm run build worked.

Solution 4:^[4]

In my specific case, I was using Netlify, so all I did was set the ENV vars inside Netlify's panel:

Select Site Settings Tab
Select Build and Deploy
Scroll down to Environment variables and press Edit Variables
Fill it in with Key = CI and Value = false
Press save and trigger a new deploy

Solution 5:^[5]

if you have to continue with the build and deploy from within GitLab CICD pipelines, you can include CI=false like so:

CI=false npm run build

unset CI
npm run build

Here is a complete gitlab_ci job sample:

build-dev:
  environment: DEV
  image: node:16
  stage: build
  script:
    - npm install
    - CI=false npm run build
  only:
    - /^devrelease-.*$/
  tags:
    - docker

build-dev:
  environment: DEV
  image: node:16
  stage: build
  script:
    - unset CI
    - npm install
    - npm run build
  only:
    - /^devrelease-.*$/
  tags:
    - docker

Solution 6:^[6]

Follow the steps below and your problem would be solved:

Select Site Settings Tab
Select Build and Deploy
Scroll down to Environment variables choose Edit Variables
Fill it in with Key = CI and Value = false
Press clear cache and redeploy

...and have fun.

Solution 7:^[7]

In my case I was trying to deploy react app to Azure Static web pages via GitHub repo The env: CI: false

worked like a charm. Just a quick note. This was applied to the yaml defining the CI process in GitHub actions. The env element is with no indentation (at the same level as name: )

Solution 8:^[8]

CI=true is needed in case you would like to process test during the deployment but it can be easily archived by setting a flag via package.json (in case in your dockerfile already set ENV CI=true you can remove it)

 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "CI=true react-scripts test"
  }

Solution 9:^[9]

In Gitlab CI job in yml file, adding below script in my job worked for me.

script:
- CI=false yarn run build

Solution 10:^[10]

you must fix the warnings you have in react, that's why it doesn't let you deploy

Solution 11:^[11]

This happens due to your CI server setting (in my case it is netlify).. Follow the steps below and your problem would be solved:

Select--> Site Settings Tab Select--> Build and Deploy Scroll down to Environment variables choose Edit Variables Fill it in with Key = CI and Value = false Press clear cache and redeploy

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	ENDEESA
Solution 2	Beegee Motus
Solution 3	fight_club
Solution 4	Brunno Vodola Martins
Solution 5
Solution 6	Taslim Oseni
Solution 7	ivlad
Solution 8	dawid debinski
Solution 9	Rajaram Shelar
Solution 10	Melvin
Solution 11	Santosh Karanam

'Treating warnings as errors because process.env.CI = true. Failed to compile

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]

Solution 10:[10]

Solution 11:[11]