TSLint get rid of missing-whitespace

typescript tslint
ThinkBonobo picture ThinkBonobo · Feb 18, 2016 · Viewed 47.5k times · Source

I've been trying to scour the internet to solve this but to no avail. Perhaps you can help me. I am getting tslint 'missing whitespace' warnings that say something like:

WARNING in ./src/app/content/content.controller.ts [4, 13]: missing whitespace [5, 21]: missing whitespace

I want to get rid of the warning

Here's an example of the code.... basically anywhere I have a colon for declaring type is where the error is happening. I don't want to put a space between it so I'd like the linter to not bug me about it...

export class ContentCtrl {
filters:IFilter[];
selectedFilters:IFilter[];
filterToAdd:IFilter;

/** @ngInject */
constructor(private $log:angular.ILogService,
            private $timeout:any,
            private toastr:any,
            private filterService:FilterService) {
    const self = this;

I looked through the tslint.json file and could not figure out how to get rid of it.

I saw a promising property that said: "typedef-whitespace"

I changed it to the following but, alas, to no-avail:

"typedef-whitespace": [true,
        {
            "callSignature": "noSpace",
            "catchClause": "noSpace",
            "indexSignature": "noSpace",
            "parameter": "noSpace"
        }
    ],

How do I get rid of the 'missing whitespace' error?

Answer

JKillian picture JKillian · Feb 18, 2016

This error message comes from the whitespace rule. I believe the rule wants you to add a space either before or after (not sure which) the colon in type declarations. However, if you don't like this, you can disable the rule completely, or remove the check-type option from your tslint.json file.

Related questions

In Typescript, what is the ! (exclamation mark / bang) operator when dereferencing a member?

When looking at the sourcecode for a tslint rule, I came across the following statement: if (node.parent!.kind === ts.SyntaxKind.ObjectLiteralExpression) { return; } Notice the ! operator after node.parent. Interesting! I first tried compiling the file locally with my currently …

Read More
How to use `@ts-ignore` for a block

The // @ts-ignore comment enables the Typescript compiler to ignore the line below it. How can one ignore a whole block of code with Typescript?

Read More
How to ignore a particular directory or file for tslint?

The IDE being used is WebStorm 11.0.3, the tslint is configured and works, but, it hangs because it tries to parse large *.d.ts library files. Is there a way to ignore a particular file or directory?

Read More