マイナーと警告のコンソールログエラーをクリア/ディセーブルにする方法はありますか？

Question

私はWebpackとReactを使用しています。 Reactと数多くのサードパーティライブラリが実装されて数週間の開発が終わった後、インスペクタのコンソールに多数の警告エラーが表示されましたが、実行中にアプリケーションに影響することはありません。

これらのエラーは、クライアント側のエラーです。

ただし、ウェブサイトが公開された場合、これらのエラーを他のユーザーに表示したくありません。

どのようにインスペクタのコンソールに警告エラーが表示されないようにするには？私はちょうどFacebookをチェックし、Facebookがインスペクタを無効にしてカスタマイズされたメッセージを表示したのを見ただけです。

JavaScriptを使用して自動的に警告メッセージがコンソールログに出力されないようにしたいだけです。

私は既にconsole.clear()を試しましたが、Firefox用にしか動作しないようです。私はよりグローバルなものが必要です。

Answer 1

まず、これらの警告を非表示にする代わりに解決する必要があります。あなたは、生産のすべての警告を非表示にする場合でも、あなたが反応の製品版を使用したり、WebPACKの構成」で生産への環境を設定する必要があります。

これはDefinePluginプラグインを使用することにより可能である。このプラグインはありません基本的に何をコンソールに印刷エラーからリアクト停止するproductionにprocess.env.NODE_ENVのすべてのインスタンスを置き換えることです。

plugins: [ 
     new webpack.optimize.OccurenceOrderPlugin(), 
     new webpack.DefinePlugin({ 
     'process.env.NODE_ENV': '"production"', 
     }), 
     new webpack.optimize.UglifyJsPlugin({ compress: {warnings: false} }), 
     new webpack.optimize.DedupePlugin(), 
    ], 

ここ

我々はまた、当社のライブラリ内のすべてのコードを取り除くためにUglifyJsPluginを使用している。内部のデッドコードの例反応ライブラリー：

if (process.env.NODE_ENV == 'development') { 
    console.warning('...') 
} 

process.env.NODE_ENVからproductionに設定されているので、そのコードは実行されず、ビルドから完全に削除することができます。

Answer 2

consoleのメソッドを上書きして、ノーオペレーションにすることができます。他のコードの前にこのコードを実行するようにしてください。

console.log = console.warn = console.error =() => {}; 
 

 
// Look ma, no error! 
 
console.error('Something bad happened.');

しかし、その代わりに、それらを隠して、これらのエラーを修正する方が良いでしょう。すべてが正常に動作しているように見える場合でも、いくつかの特定の条件でのみ表示されるバグがあるかもしれません。