Visual Studio CodeでESlintのチェックが有効にならない

前提・実現したいこと

VSCodeでESLintのチェックを有効にしたい

発生している問題・エラーメッセージ

MacにVSCodeをインストールし、ESLintの追加しました。
あるプロジェクト内だけにESLintを追加、設定をしましたが、設定した内容のチェックに引っかかりません。
対応方法を教えてください。

[ts] ';'が必要です。
※問題タブのメッセージが[ts]xxxが必要です。のようになっており、[eslint]になりません。

設定は以下のようにしています。
.eslintrc.js

module.exports = {
    "env": {
        "browser": true,
        "es6": true,
        "node": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            4,
            { "SwitchCase": 2 }
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "double"
        ],
        "semi": [
            "error",
            "always"
        ],
        "no-unused-vars": [
            "error",
            {
                "vars": "all",
                "args": "none"
            }
        ],
        "no-console": [
            "off"
        ]
    }
};

該当のソースコード

console.log(process.env.NODE_ENV):

補足情報（FW/ツールのバージョンなど）

"eslint": "^5.3.0"

行動規範の内容に同意します

回答2件

ベストアンサー

私の環境では再現できませんでした。
eslint の部分は適宜ローカルにインストールしたものをを指定するとして、 eslint <ファイル名>をコマンドとして実行し、結果を確かめてみてください。

また、プラグインに "react" を指定していますが、補足情報に乗っていないようですのでそちらも確認してみてください。

投稿2018/08/11 10:41

EbXpJ6bp

総合スコア259

seiyan0426

2018/08/12 14:25

ありがとうございます。pluginsのreact部分を除外したらeslintのチェックが実施されるようになりました。解決しました。ちなみにReact使う場合（JSX）には、pluginsのreact指定が必要になるかと思います。そのため、ESLintのチェックを実施したい場合は、pluginsにreactを指定し、eslint-plugin-reactをインストールするという方法が一般的なのでしょうか？ご存知でしたらご教示いただければ幸いです。