2017-02-04 15 views
2

標準のReactセットアップを使用してWebStormにReactアプリケーションを作成しています。以前は明示的にlintingを設定したことはありませんでした。何らかのエラー/警告メッセージが何らかのデフォルト設定から出てきています。私はnpm startを実行すると、私は次のような警告が出ます:ESLintルールを無効にする(Reactアプリ、WebStormを使用)

Compiled with warnings. 

Warning in ./path/to/MyComponent.js 

/my/complete/path/to/MyComponent.js 
    19:49 warning Unexpected whitespace before property bind no-whitespace-before-property 
... 
You may use special comments to disable some warnings. 
Use // eslint-disable-next-line to ignore the next line. 
Use /* eslint-disable */ to ignore all warnings in a file. 

最後の2行が(とは対照的に、たとえば、JSHintまたはいくつかのカスタムは、などのリンティング反応させるために)警告がESLintからあることが明示的にクリアすることを確認します。

私はESLintを実行したままにしておきたいと思います。つまり、すべてのリンキングをグローバルに無効にしたいだけではありません。しかし、私は "行頭の空白なし"の警告を、1行だけでなく、1つのファイルにする必要があります。それ、どうやったら出来るの?

package.jsonは、(警告が表示されたときに、私が実行するものである)npm startために次のことを示しています

"scripts": { 
    "start": "react-scripts start", 
    ... 
} 

私はWebStormで開発しています。 ESLintの設定パネルには「有効」チェックボックスがチェックされていないので、IDEのすべてのESLint設定オプションはグレー表示され、おそらく無関係なので、ESLintの設定と呼び出しはどこか別の場所で起こっていると考えられます。

私は私のプロジェクトのホーム・ディレクトリに次の.eslintrc.jsonファイルを入れてみました:

{ 
    "rules": { 
    "no-whitespace-before-property": "off" 
    } 
} 

を単体だけでなく"extends": "eslint:recommended"と同じように。

私は私のプロジェクトのpackage.jsonファイルに次を追加してみました:

{ 
    ... 
    "eslintConfig": { 
    "rules": { 
     "no-whitespace-before-property": "off" 
    } 
    } 
} 

私も0に代わりの"off"に値を設定しようとしました。

私がReactアプリケーションを書いていることは関連しているかもしれませんし、私がWebStormで開発しているものとは関係ないかもしれませんが、私はそれらの事実をちょうど含んでいます。

私はStackOverflowをチェックして答えを見つけることができません。

+0

[ESLint docs](http://eslint.org/docs/user-guide/configuring#configuration-file-formats)によると、ファイル名は '.eslintrc.js'または' .eslintrc'です。 (廃止予定)で、 '.eslintrc.json'ではなく。 WebStormのドキュメントは '.eslintrc'を望んでいると言いますので、それを試してみましょう。私はWebStormを使用していないので、あなたの問題を解決することができるかどうかを検証することはできません。それを打つと私たちに知らせる! –

+0

提案していただきありがとうございます。それを試してみました。問題は解決しない。 –

+1

エラーの下の注釈はESLintから来ていません(エラーです)。だから私は、https://github.com/facebookincubator/create-react-appのような何らかのラッパーを使用していると仮定しています。これらのラッパーは使用しません。eslintrcファイルであり、直接設定することはできません。このルールを無効にする方法を理解するには、ラッパーのドキュメントを読む必要があります。 –

答えて

5

エラーの下の注釈はESLintから来ていません(エラーです)。だから私はgithub.com/facebookincubator/create-react-appのような何らかのラッパーを使用していると仮定しています。これらのラッパーは.eslintrcファイルを使用せず、直接構成することもできません。このルールを無効にする方法を理解するには、ラッパーのドキュメントを読む必要があります。

一般に、create-react-app、standard、xoなどのESLintラッパーは、「うまく動作する」ように特別に設計されているため、スタイル/ルールの設定や微調整ができません。

+0

元の質問の後に私のコメントをコピーしています。もし読者がそれを逃してしまった場合、そしてこの答えに関連しているからです。私はあなたのリンクに沿って、そこの文書に基づいて、戦略。私は 'npm run eject'を実行しました。これは本当に 'no-whitespace-before-property'を含むESLintを設定する能力を私に与えました。私は現時点でその道を続行しません。なぜなら、私は自動ビルドオペレーションを使い続けたいからですが、少なくとも今、私はベアボーンのESLintingが構成可能ではないことを知っています。 –

関連する問題