Invalid TypeScript syntax highlighting after line break

[Deilan]

• VSCode Version: 1.10.2
• OS Version: Windows 10 x64

[mjbvz]

@Deilan Please share your actual code along with the screenshot. Also, does this repo if you disable all extensions by starting code with the --disable-extensions flag?

[Deilan]

Here's a simple TypeScript file for repro (note that the conditional expression could be very long - that's how I stumbled upon the issue at first):

export class SomeClass {
    private someMethod(): void {
        if (1
            < 2) {
            console.log("TypeScript syntax highlighting is broken!");
        }
        else if (1 > 2) {
            console.log("");
        }
    }

    private someOtherMethod() {
        console.log("");
        //
        const q = 1;
        var s = 2;
        let e = 3;
    }

    q = 100;
}

[mjbvz]

Thanks @Deilan! I've opened microsoft/TypeScript-TmLanguage#434 to track this in the TypeScript grammar

As a workaround, try using the TypeScript react grammar instead, either by changing the language mode manually or adding:

"files.associations": { "*.ts": "typescriptreact" }

to your workspace or user settings