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を追加しました。これはもう必要ないと思います！

eslintcreate-react-appyarnpkgsublimelinter
11
Valking

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

6
iainbeeston

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

だから私はyarn global add eslint@^3.19.0 eslint-plugin-jsx-a11y@^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