我正在尝试使用 GitHub
来显示终端中的错误,但它无效..!
我的项目源代码gulpfile.js
:https://github.com/nicefellow1234/react-skeleton
我的"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 strams 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'
}
}
gulp.task('connect', function(){
connect.server({
root: ['dist'],
port: config.port,
base: config.devBaseUrl,
livereload: true
});
});
gulp.task('open', ['connect'], function() {
gulp.src(__filename)
.pipe(open({ uri : 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',function() {
console.error(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())
.pipe(lint.failAfterError());
});
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
}
}
文件:
test: 1;
我尝试将main.js
添加到src
文件中,该文件位于我项目的{{1}}文件夹中,然后在保存lint任务后再次运行但没有给出任何文件终端中的错误如下:
自动重新加载的页面也是如此,当我手动重新加载它时,它继续加载和加载,然后停止重新加载,这不会发生在此之前..! 那么有谁能告诉我这里的问题是什么?
答案 0 :(得分:2)
没有记录错误的原因是因为您尚未启用任何rules:
默认情况下不启用任何规则。配置文件中的
"extends": "eslint:recommended"
属性启用报告常见问题的规则。
配置中的所有规则are switched off:
"off"
或0
- 关闭规则"warn"
或1
- 将规则设为警告(不影响退出代码)"error"
或2
- 将规则设置为错误(触发时退出代码为1)
以下内容将启用所有推荐的eslint规则,以及eslint.config.json
文件中已有的规则:
"extends": "eslint:recommended",
"rules": {
"quotes": 2,
"no-trailing-spaces": 2,
"eol-last": 2,
"no-unused-vars": 2,
"no-underscore-dangle": 2,
"no-alert": 2,
"no-lone-blocks": 2
},