Rule definitions not found (probably user error) about eslint-plugin-react

[yannickcr]

Hi,

There is a typo in the rule name in your configuration and ESLint cannot find this unknown rule.

The rule name should be react/jsx-no-undef:

{
  "rules": {
    "react/jsx-no-undef": 1
  },
  "plugins": [
    "react"
  ],
  "ecmaFeatures": {
    "jsx": true
  }
}

[dmnd]

Thanks for pointing that out 😊

I copypasted those rules names but must have done something crazy in my editor without noticing.

[AntouanK]

I get the same error, and I'm pretty sure I got the name right :)

for example:
.eslintrc

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "ecmaFeatures": {
    "templateStrings": true,
    "arrowFunctions": true,
    "blockBindings": true,
    "modules": true,
    "forOf": true,
    "jsx": true
  },
  "plugins": [
    "react"
  ],
  "globals": {

  },
  "rules": {
     "react/jsx-no-duplicate-props": 1
   }
}

output ( I print errors inside a gulp task )

[gulp] /client/src/scripts/ROOT_STATE.js ln 2, col 1  warning Definition for rule 'react/jsx-no-duplicate-props' was not found

same messsage for all the files.

I use eslint like this ( although it should be irrelevant ):

const eslint        = require('eslint');

//    get a linter reference
const linter        = eslint.linter;

// read .eslintrc
const eslintrc      = JSON.parse(
  fs.readFileSync( path.resolve(__dirname, '.eslintrc') ).toString()
);

//  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  lint-scripts
gulp.task('lint-scripts', () => {

  return gulp.src([
    `${paths.scripts}/**/*.js`,
    `${paths.scripts}/**/*.jsx`
  ])
  .pipe(
    tap(file => {

      let fileContents = file.contents.toString();
      let messages = linter.verify(fileContents, eslintrc);

      if(messages.length > 0){
        messages
        .map(msg => {
          msg.filePath = file.path;
          return msg;
        })
        .forEach(lintLogger);
      }
    })
  );
});