Suppress "Probleme" (auf SCSS) in Visual Studio-Code

Question

Ich habe die folgenden Zeilen in meinem SCSS Projekt:

:host /deep/ .image-img { 
    height: 60pt; 
} 

Diese Syntax fine in my context ist, und das wird kompilieren. Ich glaube nicht, dass es in VSCode eine Unterstützung/Erweiterung für diese Syntax gibt. So Visual Studio-Code versucht, nützlich zu sein und weist darauf hin, die folgenden Probleme:

[SCSS] {erwartet ('18, 7')

[SCSS] at-Regel oder Wähler erwartet (20,1)

Ich kann diese einfach ignorieren. Schließlich kompiliert es und zeigt nur diese Fehler, während die Datei geöffnet ist. Ich mag all die andere Hilfe, die der VSO-Code mir beim Schreiben von scss gibt, also bin ich nicht scharf darauf, sie komplett zu deaktivieren.

Jedoch gibt es eine Möglichkeit Compier Probleme für bestimmte Linien zu ignorieren? ZB in ähnlicher Weise zu /* tslint:enable */ für ts-Lint. Gibt es vielleicht eine andere Möglichkeit, wie ich die Vorteile von VSCode Code von meinem scss überprüfen, aber auch diese fehlerhaften Fehler loswerden kann?

Answer 1

/deep/ is deprecated

Wenn Sie es trotzdem verwenden möchten, die alias ::ng-deep besser mit Visual Studio-Code funktioniert, wie es die CSS Pseudo-Element-Format passt.