错误：未找到 ESLint 配置答案

【问题标题】：Error : No ESLint configuration found错误：未找到 ESLint 配置
【发布时间】：2017-07-13 06:09:40
【问题描述】：

无法使用 Gulp 识别和运行 ESLint。 gulpfile.js 的代码是：

"use strict";

var gulp = require('gulp');
var connect = require('gulp-connect'); //Runs a local dev server
var open = require('gulp-open'); //Open a URL in a web browser
var browserify = require('browserify'); // Bundles JS
var reactify = require('reactify');  // Transforms React JSX to JS
var source = require('vinyl-source-stream'); // Use conventional text streams with Gulp
var concat = require('gulp-concat'); //Concatenates files
var lint = require('gulp-eslint'); //Lint JS files, including JSX

var config = {
	port: 9005,
	devBaseUrl: 'http://localhost',
	paths: {
		html: './src/*.html',
		js: './src/**/*.js',
		css: [
      		'node_modules/bootstrap/dist/css/bootstrap.min.css',
      		'node_modules/bootstrap/dist/css/bootstrap-theme.min.css'
    	],
		dist: './dist',
		mainJs: './src/main.js'
	}
}

//Start a local development server
gulp.task('connect', function() {
	connect.server({
		root: ['dist'],
		port: config.port,
		base: config.devBaseUrl,
		livereload: true
	});
});

gulp.task('open', ['connect'], function() {
	gulp.src('dist/index.html')
		.pipe(open({ url: config.devBaseUrl + ':' + config.port + '/'}));
});

gulp.task('html', function() {
	gulp.src(config.paths.html)
		.pipe(gulp.dest(config.paths.dist))
		.pipe(connect.reload());
});

gulp.task('js', function() {
	browserify(config.paths.mainJs)
		.transform(reactify)
		.bundle()
		.on('error', console.error.bind(console))
		.pipe(source('bundle.js'))
		.pipe(gulp.dest(config.paths.dist + '/scripts'))
		.pipe(connect.reload());
});

gulp.task('css', function() {
	gulp.src(config.paths.css)
		.pipe(concat('bundle.css'))
		.pipe(gulp.dest(config.paths.dist + '/css'));
});

gulp.task('lint', function() {
	return gulp.src(config.paths.js)
		.pipe(lint({config: 'eslint.config.json'}))
		.pipe(lint.format());
});

gulp.task('watch', function() {
	gulp.watch(config.paths.html, ['html']);
	gulp.watch(config.paths.js, ['js', 'lint']);
});

gulp.task('default', ['html', 'js', 'css', 'lint', 'open', 'watch']);

而 eslint.config.json 是：

{
  "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
  }
}

最后 package.json 的依赖是：

  "dependencies": {
    "bootstrap": "^3.3.7",
    "browserify": "^14.1.0",
    "gulp": "^3.9.1",
    "gulp-concat": "^2.6.1",
    "gulp-connect": "^5.0.0",
    "gulp-eslint": "^3.0.1",
    "gulp-open": "^2.0.0",
    "jquery": "^3.1.1",
    "reactify": "^1.1.1",
    "vinyl-source-stream": "^1.1.0"
  }

我可以编辑什么来让这三个文件中的一个或多个起作用？

【问题讨论】：

您是否尝试过设置像.pipe(lint({config: './eslint.config.json'})) 这样的根路径，因为我认为这两个文件都在同一个目录中对吧？

标签： javascript json gulp eslint grunt-eslint

【解决方案1】：

如您所见，https://github.com/adametry/gulp-eslint#optionsconfigfile

密钥名称已更改为configFile

【讨论】：

我也在学习 Pluralsight React 课程，但截至目前使用的是最新的节点包，这为我解决了问题

【解决方案2】：

请将 eslint.config.json 文件名重命名为 .eslintrc。
然后将 lint gulp 任务更改如下。

gulp.task('lint', function() { 返回 gulp.src(config.paths.js) .pipe(lint.format()); });

【讨论】：

完全为我工作。我相信提出这个问题的人正在关注 Pluralsight 培训视频，和我一样，因为他们的文件看起来就像我目前拥有的一样。无论如何，这个解决方案对我有用。

【解决方案3】：

删除

.pipe(lint({config: '.eslint.config.json'}))

或任何直接在你的 gulp 配置文件中解决 eslint 配置的东西

【讨论】：