Question

我的项目有两个package.json

root folder

└ app ---- /public
         └ /styles
         └ /src
         └ package.json
         └ eslintrc.json
         └ webpack.config.js

└ server - /something
         └ /something

└ package.json
└ ...etc

atom editor显示lint错误

import React from 'react';
// 'react' should be listed in the project's dependencies. Run 'npm i -S react' to add it (import/no-extraneous-dependencies)

在package.json

中

"dependencies": {
  "@types/chart.js": "^2.6.8",
  "@types/react": "^16.0.10",
  "@types/react-dom": "^16.0.1",
  "bootstrap": "^4.0.0-beta",
  "chart.js": "2.6.0",
  "font-awesome": "^4.7.0",
  "history": "4.7.2",
  "jwt-decode": "^2.2.0",
  "prop-types": "^15.6.0",
  "react": "^15.6.1",
  "react-chartjs-2": "2.6.1",
  "react-dom": "^15.6.1",
  "react-router-dom": "4.2.2",
  "react-transition-group": "^1.2.0",
  "reactstrap": "^4.8.0",
  "simple-line-icons": "^2.4.1"
},

和eslintrc.json

module.exports = {
  "extends": "airbnb",

  "env": {
     "browser": true,
     "node": true
   },

  "rules": {
     "no-mixed-operators": [2, { "allowSamePrecedence": true }],
     "react/no-find-dom-node": 1,
     "react/no-string-refs": 1,
     "react/no-unused-prop-types": 1, // TODO: enable
     "jsx-a11y/no-static-element-interactions": 1, // TODO: enable
     "no-plusplus": 1, // TODO: enable
     "no-console": 0, // TODO: enable
     "no-alert": 0,
     "max-len": ["error", 120],
     "no-underscore-dangle": ["error", { "allow": ["_isMounted"] }],
     "import/no-extraneous-dependencies": ["error", {"devDependencies": true}],
  },
};

我认为eslint将root文件夹中的package.json识别为标准。但我希望它忽略root文件夹中的package.json并识别src文件夹中的package.json。

我该怎么办？

Answer 1

这可能是不相关的，但我要注意的第一项是您可能需要将ESLint配置从eslintrc.json重命名为.eslintrc.json（名称前面有一个点）。可能不是问题的根源，但可能会干扰分层解决方案。您可以在此处查看多种配置扩展格式：https://eslint.org/docs/user-guide/configuring#configuration-file-formats。

具体而言，关于import/no-extraneous-dependencies规则，我认为您可能正在寻找的配置选项是packageDir。在他们的回购中引用文档：

还有一个名为packageDir的选项，此选项用于指定包含package.json的文件夹的路径，并且相对于当前工作目录。

"import/no-extraneous-dependencies": ["error", {"packageDir": './some-dir/'}]

希望这有帮助！

来源：

https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-extraneous-dependencies.md

Answer 2

我自己解决了这个问题。

添加＆＃34; packageDir＆＃34;：＆＃34; ./ src＆＃34;在.eslintrc.json

"rules" : {
   ""import/no-extraneous-dependencies": ["error", {"devDependencies": true, "packageDir": "./src"}],

eslint不处理多个package.json

2 个答案: