Auto fix TSLint Warnings

Viewed 61450
    [64, 1]: space indentation expected
    [15, 27]: Missing semicolon
    [109, 36]: missing whitespace
    [111, 24]: missing whitespace
    [70, 1]: Consecutive blank lines are forbidden

I keep getting warnings like these from TSLint. There are huge amount of warnings, and it will be very difficult to fix it manually.

I was looking for a way which can auto-fix most of the warnings.

6 Answers
tslint --fix --project ./tsconfig.json

This is auto fix all Error is root folder

With @angular/cli you can use ng lint --fix

May be this could help some one looking for autoFix on save!

we can make tslint warnings to get autofixed on save. To do this, go to tslint.json file and add the below settings. [Note: This setting works with latest TSLint and not the deprecated one].

  "source.fixAll.tslint": true

After updating this, go to any file and try giving some spaces and it shows tslint warning message as "trailing whitespace" and when you save (Ctrl + S), this warning will get disappear. Though it appears manually, we usually tend to try saving the file once edited and by that time it will get fixed automatically.

Happy coding!

If you using IntelliJ Idea or WebStrom, then you can create File Watcher in Settings > Tools by the following configuration:

enter image description here

On save (Ctrl + s), your current file will be fixed.

If you using webpack . You can use tslint-loader:

Add this to webpack module rules:

{
    test: /\.ts$/,
    loader: 'tslint-loader',
    enforce: 'pre',
    options: {
      fix: true
    }
  }

Read more here: tslint-loader

Related