Is there any way to disable all the errors and warnings that appear in the console?

Question

I don't want to show the warnings in the console for a certain development environment. Is there any way to achieve that? My application was bootstrapped using create react app.

You don't disable them, you fix them.

Ian Kemp - SO dead by AI greed
– Ian Kemp - SO dead by AI greed

2019-04-16 05:31:58 +00:00
Commented Apr 16, 2019 at 5:31 — Ian Kemp - SO dead by AI greed
– Ian Kemp - SO dead by AI greed, Commented Apr 16, 2019 at 5:31

codejockie · Accepted Answer · 2019-04-16 05:36:00Z

2

Since you are using React, my guess is you are already using babel. There's a plugin for that purpose. It's called babel-plugin-transform-remove-console. This will exclude all console.log's statement during the build process.
Install that in your app and configure it via .babelrc as follows:

{
  "plugins": ["transform-remove-console"]
}

You can also specify the variant(s) of the console functions to exclude:

{
  "plugins": [ ["transform-remove-console", { "exclude": [ "error", "warn"] }] ]
}

My advise is to not use console logs in your code except necessary.

answered Apr 16, 2019 at 5:36

codejockie

11.1k5 gold badges52 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sagar Acharya Over a year ago

Thanks for the response. The logs are generated by proptypes and i actually dont have time currently to fix them all so i wanted to disable them for my production build currently.

Sagar Acharya Over a year ago

Is there any way for me to remove console without having to build it? I need to remove them based on devlopment environments

codejockie Over a year ago

You can convert your .babelrc to babel.config.js and then set the plugin based on NODE_ENV

Yossi · Accepted Answer · 2019-04-16 05:37:10Z

1

In my App.js I have the following code for accomplishing this:

import { YellowBox } from 'react-native';

componentDidMount() {
    // The following lines are a workaround
    // in order to stop getting warnings about timer
    // See: https://github.com/firebase/firebase-js-sdk/issues/97#issuecomment-365456531
    YellowBox.ignoreWarnings(['Setting a timer']);
    const _console = _.clone(console);
    console.warn = message => {
      if (message.indexOf('Setting a timer') <= -1) {
        _console.warn(message);
      }
    };
}

answered Apr 16, 2019 at 5:37

Yossi

6,0877 gold badges50 silver badges83 bronze badges

2 Comments

Sagar Acharya Over a year ago

I actually needed a solution for react not react-native.

Yossi Over a year ago

I see... No charge, then ;)

Collectives™ on Stack Overflow

Is there any way to disable all the errors and warnings that appear in the console?

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related