Language-tools: Nicht verwendete CSS-Hervorhebungen sind immer durcheinander

Könnten Sie bitte das Code-Snippet posten, das Ihnen die Kringel in dieser Zeile gegeben hat?

Könnten Sie bitte das Code-Snippet posten, das Ihnen die Kringel in dieser Zeile gegeben hat?

Es sollte keine Rolle spielen, welchen Code Sie verwenden. Es beginnt schnell an meinem Ende zu brechen. Je mehr Code, desto schlimmer wird es.

Hier ist eine kurze REPL:
https://svelte.dev/repl/97a01882d3444d77ad2a62480e310921?version=3.25.0

In meiner IDE mit dem SCSS-Attribut

ohne das Attribut:

Vielen Dank. Ich muss überprüfen, ob die Linien um einen gewissen Versatz versetzt sind, aber im Allgemeinen befürchte ich, dass wir nicht viel tun können, da wir uns auf Quellkarten verlassen, und wenn sie falsch / nicht so gut sind, können wir nichts tun.

Quellkarten, die während der Transpilation von SCSS nach CSS generiert werden. Wir müssen dies tun, bevor wir den Code an den Svelte-Compiler übergeben (der die nicht verwendeten Warnungen ausgibt), da er nur mit CSS umgehen kann.

Sind die Quellkarten etwas, das ich an meinem Ende reparieren kann? Oder ist das ein Problem mit schlanken Vorprozessen? aufrollen?
Zum Glück weiß ich, welches CSS ich schreibe und welches HTML ich entferne, damit ich mich vorerst darum kümmern kann. Gibt es eine heilige Möglichkeit, diese auszuschalten, falls ich muss?

https://github.com/sveltejs/svelte/pull/5015 muss für die Unterstützung der Sourcemap von Präprozessoren zusammengeführt werden

Sind die Quellkarten etwas, das ich an meinem Ende reparieren kann? Oder ist das ein Problem mit schlanken Vorprozessen? aufrollen?

Der scss-Compiler ( node-sass / sass , hängt davon ab, was Sie verwenden) erstellt die Quellkarten.

Zum Glück weiß ich, welches CSS ich schreibe und welches HTML ich entferne, damit ich mich vorerst darum kümmern kann. Gibt es eine heilige Möglichkeit, diese auszuschalten, falls ich muss?

Wenn Sie einige Warnungen global deaktivieren möchten, können Sie dies über diese Option tun.

sveltejs / svelte # 5015 muss für die Unterstützung der Präprozessor-Quellkarte zusammengeführt werden

Im Moment nicht für die Sprachwerkzeuge, wir ordnen uns selbst zu (können aber hoffentlich eine ganze Menge Code wegwerfen, sobald dies gelandet ist).

sveltejs / svelte # 5015 muss für die Unterstützung der Präprozessor-Quellkarte zusammengeführt werden

Es sieht so aus, als wäre es eine relativ beliebte Pull-Anfrage. Gibt es einen bekannten Grund, warum es noch nicht zusammengeführt wurde?

Es ist hoch auf unserem Radar. Es ist jedoch noch nicht in einem verschmelzbaren Zustand. Ich habe einige Kommentare dazu hinterlassen.

Ich habe die Zeilenversätze überprüft, konnte sie jedoch nicht reproduzieren, die nur bei Verwendung von SCSS auftreten. Verwenden Sie auch PostCSS? Ich kann nur reproduzieren, wenn ich auch PostCSS verwende. In diesem Fall fehlen Quellkarten in PostCSS. Ich habe diese Ausgabe bei svelte-preprocess dafür eröffnet.

Entschuldigung für die späte Antwort. Ich habe https://www.npmjs.com/package/postcss-load-config installiert. Das ist alles.

Das bedeutet also, dass Sie postcss verwenden, also ist postcss: true Teil Ihrer Präprozessorkonfiguration? Wenn ja, wird dies behoben, nachdem das Problem innerhalb von svelte-preprocess behoben wurde.

Das bedeutet also, dass Sie postcss verwenden, also ist postcss: true Teil Ihrer Präprozessorkonfiguration?

Wenn postcss standardmäßig auf true gesetzt ist, ja.

Wenn ja, wird dies behoben, nachdem das Problem innerhalb von svelte-preprocess behoben wurde.

👀

Dies sollte mit der Version 4.6.1 von svelte-preprocess behoben werden.