eslint - Yarn グローバル インストールでの Prettier の問題を伴う ESLint

Question

私は ReactJS 環境をセットアップしている最中で、このトピックに関する FrontendMasters コースに従っています。

Yarn を介してeslintとprettierをグローバルにインストールした後、作成者はこのコマンドeslint js\**\*.{js,jsx}を自分のマシンで実行します。すべて問題ありませんが、次の結果が得られます。

おっとっと！エラーが発生しました。:(

ESLint はプラグイン「eslint-plugin-prettier」を見つけることができませんでした。これは、いくつかの異なる理由で発生する可能性があります。

1. ESLint がグローバルにインストールされている場合は、eslint-plugin-prettier もグローバルにインストールされていることを確認してください。グローバルにインストールされた ESLint は、ローカルにインストールされたプラグインを見つけることができません。

2. ESLint がローカルにインストールされている場合、プラグインが正しくインストールされていない可能性があります。次のコマンドを実行して、再インストールを試みます。

   npm i eslint-plugin-prettier@latest --save-dev

それでも問題が解決しない場合は、https://gitter.im/eslint/eslintにアクセスしてチームとチャットしてください。

Google を試しましたが、関連するものが見つかりませんでした。なぜこうなった？私は Windows 10 を使用しており、最新バージョンの Yarn (v0.24.6) を使用していeslintrc.jsonます。

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true
  }
}

アップデート

nvmインストールはしていませんが、以下の Daydream のアドバイスに従いました。しかし、私はnode_modulesフォルダーを削除し、ESLint の Gitter でチャットした後、先に進みESLint、Prettierグローバルにアンインストールしました。次にESLint、Prettier devDependenciesを作成しました。最後にyarn、コマンドを実行してすべてを再インストールしたところ、次のようになりました。

注: このプロジェクトはオープン ソースであり、自分で確認したい場合はGitHubにあります。