web-dev-qa-db-ja.com

端末のeslintがモジュール「eslint-config-react-app」を見つけられない

Create-react-appを使用して、reactアプリを作成します。

リンターはcreate-react-appで機能しますが、今は自分の崇高なテキストで機能させる必要があります。

  1. インストールされたeslint yarn global add eslint(eslint v4.1.1ですが、reactアプリがそれを使用するため、v3.19.0も試しました)
  2. eslint --initを実行して構成します
  3. プロジェクトのディレクトリに移動し、.eslintrcというファイルを作成しました
  4. ファイル内:
{
"extends": "react-app"
}
  1. プロジェクトディレクトリeslint src/App.jsで実行
  2. 端末でエラーが発生しました:

    参照元:/mnt/storage/Dev/newapp/.eslintrcエラー:モジュール「eslint-config-react-app」が見つかりません

    参照元:/mnt/storage/Dev/newapp/.eslintrc at ModuleResolver.resolve(/home/user/.config/yarn/global/node_modules/eslint/lib/util/module-resolver.js:74:19)atロード時の解決(/home/user/.config/yarn/global/node_modules/eslint/lib/config/config-file.js:515:25)(/home/user/.config/yarn/global/node_modules/eslint /lib/config/config-file.js:584:26)configExtends.reduceRight(/home/user/.config/yarn/global/node_modules/eslint/lib/config/config-file.js:421:36)でArray.reduceRight(ネイティブ)at applyExtends(/home/user/.config/yarn/global/node_modules/eslint/lib/config/config-file.js:405:28)at loadFromDisk(/home/user/.config /yarn/global/node_modules/eslint/lib/config/config-file.js:556:22)at Object.load(/home/user/.config/yarn/global/node_modules/eslint/lib/config/config- file.js:592:20)Config.getLocalConfigHierarchy(/home/user/.config/yarn/global/node_modules/eslint/lib/config.js:228:44)at Config.getConfigHierarchy(/ home/user /。 config/yarn/global/node_modules/eslint/lib/co nfig.js:182:43)

yarn global add babel-eslint eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-flowtypeを追加しました。これはもう必要ないと思います!

11
Valking

エラーメッセージ(eslint-config-react-app)動作するはずですか?例えば。 yarn add --dev eslint-config-react-app

6
iainbeeston

だから私が見つけたのは、eslintパッケージをグローバルに「すべて」インストールする必要があるということです。グローバルeslintとローカルパッケージを処理できないため

だから私はyarn global add [email protected]^3.19.0 [email protected]^5.0.そして今それは動作します:|

2
Valking

ESLintが削除されたpackage-lock.jsonファイルの構成に誤りがある可能性があります。私はまったく同じ問題に遭遇し、それを介してそれを解決しました:

  1. cd <your-project-directory>
  2. rm package-lock.json
  3. rm -rf node_modules
  4. npm install

npm ls eslint --depth=99を実行して、eslintパッケージがインストールされていることを確認できます。 GitHubの ferossからのコメント でこれに遭遇しました。

0
ndequeker

まず、このパッケージ、ESLint、および必要なプラグインをインストールします。

npm install --save-dev eslint-config-react-app [email protected] [email protected] [email protected] [email protected] [email protected] [email protected]

次に、プロジェクトのルートフォルダーに以下の内容で.eslintrc.jsonという名前のファイルを作成します。

 {
  "root": true,
  "ecmaFeatures": {
    "jsx": true
  },
  "env": {
    "browser": true,
    "node": true,
    "jquery": true
  },
  "rules": {
    "quotes": 0,
    "no-trailing-spaces": 0,
    "eol-last": 0,
    "no-unused-vars": 0,
    "no-underscore-dangle": 0,
    "no-alert": 0,
    "no-lone-blocks": 0
  },
  "globals": {
    "jQuery": true,
    "$": true
  }
}

参照を参照

0
Joee