Git Product home page Git Product logo

Comments (8)

cfjedimaster avatar cfjedimaster commented on June 1, 2024

Ok, so I believe the issue is that the default is to expect source/tslint.json, which is fine, but the readme makes it kind of seem that you don't need to do anything else besides require tslint and call it simply. I'd document the requirement.

from ionic-gulp-tasks.

cfjedimaster avatar cfjedimaster commented on June 1, 2024

As just an FYI, I have not been able to get this linter to report anything yet. Here is a sample task:

gulp.task('lint', function () {
  return tslint({
    src: 'app/**/*.ts',
    tslintOptions: {
      configuration: {
        rules:{
"quotemark":"single"
        }
      }
    },
    reporter: "prose",
    reportOptions: {
      emitError: true
    }
  });
});

And if I gulp lint (to quickly test and bypass ionic serve) it reports no issues. If run tslint app/app.ts directly I get a host of issues.

from ionic-gulp-tasks.

brandyscarney avatar brandyscarney commented on June 1, 2024

How are you including it? For example, this is working for me:

var tsLint = require('ionic-gulp-tslint');
gulp.task('tslint', tsLint);

where my tslint.json is located in the same directory as my gulpfile containing:

{
  "rules": {
    "quotemark": [
      true,
      "single"
    ]
  }
}

The default rule configuration is tslint.json: https://github.com/driftyco/ionic-gulp-tasks/tree/master/lint-typescript#tslintoptions

If I change your task to this:

gulp.task('lint', function () {
  return tsLint({
    src: 'app/**/*.ts',
    tslintOptions: {
      configuration: {
        "rules": {
          "quotemark": [
            true,
            "single"
          ]
        }
      }
    },
    reporter: "prose",
    reportOptions: {
      emitError: true
    }
  });
});

I'm seeing it work. So maybe it is something with the rules?

I am seeing an issue with the tslint.json using extends, however.

from ionic-gulp-tasks.

cfjedimaster avatar cfjedimaster commented on June 1, 2024

Wow. So the issue was in the quotemark area. I had:

"quotemark":"single"

Switching to the array of values helped. So I can now verify that it works - but you just have to be real careful (obviously).

I still think we have a few issues. The doc issue is important I think because it won't work out of the box (right?) or should it work and there is another issue?

from ionic-gulp-tasks.

cfjedimaster avatar cfjedimaster commented on June 1, 2024

btw - so sorry for the delay in responding - this came in while I was on vacation last week and this has been hell week for me :)

from ionic-gulp-tasks.

cfjedimaster avatar cfjedimaster commented on June 1, 2024

As a follow up, I'm doing my link task in watch:

gulp.task('watch', ['clean','lint'], function(done){

and when I edit code while running ionic serve, I expect to see it in the console. I see lint issues initially on startup:

image

But then... it's weird. If I edit a JS file, it won't restart. So it's broken, but it's like the CLI doesn't know it is broken.

from ionic-gulp-tasks.

brandyscarney avatar brandyscarney commented on June 1, 2024

It should work just by including the following in your gulpfile:

var tslint = require('ionic-gulp-tslint');

gulp.task('lint', tslint);

then a tslint.json file containing:

{
  "extends": "tslint-ionic-rules"
}

as of ionic-gulp-tslint version 1.1.0. And then if you want to watch the ts or js files you could add a line to the gulp watch like this:

gulp.task('watch', ['clean'], function(done){
  runSequence(
    ['sass', 'html', 'fonts', 'scripts'],
    function(){
      gulpWatch('app/**/*.scss', function(){ gulp.start('sass'); });
      gulpWatch('app/**/*.html', function(){ gulp.start('html'); });
      gulpWatch('app/**/*.ts', function(){ gulp.start('lint'); });
      buildBrowserify({ watch: true }).on('end', done);
    }
  );
});

the line added is this one:

gulpWatch('app/**/*.ts', function(){ gulp.start('lint'); });

:)

from ionic-gulp-tasks.

cfjedimaster avatar cfjedimaster commented on June 1, 2024

Things are coming together now - thank you!

from ionic-gulp-tasks.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.