ESLintのエラーを解決したい

Question

###前提・実現したいこと

「ゼロから始めるJavaScript生活」というjavascriptフルスタックを目指すチュートリアルの途中のLintの導入でつまずいています。
http://qiita.com/takahashim/items/7838334d1451fb0a9811#6---eslint

”6 - ESLint”を終えた段階ですが、記載のようにエラーが消えず、発生したままになってしまいます。
対処法をお教えいただきたく。。。

###発生している問題・エラーメッセージ

yarn start v0.27.5
$ gulp
[07:41:35] Requiring external module babel-register
[07:41:36] Using gulpfile ~/workspace/nodetest/gulpfile.babel.js
[07:41:36] Starting 'watch'...
[07:41:36] Finished 'watch' after 22 ms
[07:41:36] Starting 'lint'...
[07:41:36] Starting 'clean'...
[07:41:36] Finished 'clean' after 22 ms
[07:41:39] 
/home/ubuntu/workspace/nodetest/src/dog.js
  1:1  error  Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash

/home/ubuntu/workspace/nodetest/src/index.js
  2:1  error  Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash

/home/ubuntu/workspace/nodetest/gulpfile.babel.js
   2:1   error    Definition for rule 'jsx-a11y/href-no-hash' was not found  jsx-a11y/href-no-hash
  21:35  error    Missing trailing comma                                     comma-dangle
  29:35  error    Missing trailing comma                                     comma-dangle
  34:5   warning  Unexpected console statement                               no-console

✖ 6 problems (5 errors, 1 warning)
  2 errors, 0 warnings potentially fixable with the `--fix` option.

[07:41:39] 'lint' errored after 2.91 s
[07:41:39] ESLintError in plugin 'gulp-eslint'
Message:
    Failed with 5 errors

###該当のソースコード

すべてのソースはGithubにあります。
https://github.com/ksyunnnn/zero-js-life
どこに原因があるのかわからないので、いくつかピックして記載します。

gulpfile.babel.js

/* eslint-disable import/no-extraneous-dependencies */
import gulp from 'gulp';
import babel from 'gulp-babel';
import del from 'del';
import { exec } from 'child_process';
import eslint from 'gulp-eslint';

const paths = {
  allSrcJs: 'src/**/*.js',
  gulpFile: 'gulpfile.babel.js',
  libDir: 'lib',
};

gulp.task('lint', () =>
  gulp.src([
    paths.allSrcJs,
    paths.gulpFile,
  ])
    .pipe(eslint())
    .pipe(eslint.format())
    .pipe(eslint.failAfterError())
);

gulp.task('clean', () => del(paths.libDir));

gulp.task('build', ['lint', 'clean'], () =>
  gulp.src(paths.allSrcJs)
    .pipe(babel())
    .pipe(gulp.dest(paths.libDir))
);

gulp.task('main', ['build'], (callback) => {
  exec(`node ${paths.libDir}`, (error, stdout) => {
    console.log(stdout);
    return callback(error);
  });
});

gulp.task('watch', () => {
  gulp.watch(paths.allSrcJs, ['main']);
});

gulp.task('default', ['watch', 'main']);

index.js

/* eslint-disable no-console */
import Dog from './dog';

const toby = new Dog('Toby');
console.log(toby.bark());

dog.js

class Dog {
  constructor(name) {
    this.name = name;
  }

  bark() {
    return `Wah wah, I am ${this.name}`;
  }
}

export default Dog;

###試したこと

ESLintのバージョンに問題がある？といった記事をみかけましたが、実際はよくわかっていませんm(_ _)m
https://github.com/facebookincubator/create-react-app/issues/2631

###補足情報(言語/FW/ツール等のバージョンなど)

• node : v6.11.1
• IDE : Cloud9

よろしくお願いいたしますm(_ _)m

Answer 1

eslint-plugin-jsx-a11y と言う eslint plugin の version 6 で jsx-a11y/href-no-hash というリントルールが無くなった (リネームされた) ことが原因のようです。

一旦 eslint-plugin-jsx-a11y を削除して

yarn remove eslint-plugin-jsx-a11y

version 5 を指定してインストールすれば改善するのではと思います。

yarn add --dev eslint-plugin-jsx-a11y@^5.1.1

Comments

[ksyunnnn]

ありがとうございます！

上記対応に加えて、

index.jsへの下記の追加
/* eslint-disable no-console */

カンマなどのLintエラーの対処を行うことで対処できたようです。

助かりましたm(_ _)m