- Docs
- Hilfe
- Styles fehlen
Docs for VelinStyle 1.3.x · verified against 1.3.0
Styles fehlen 1.3.0
Prüfe den CSS-Link, das Production-Trimming und dynamische Klassen auf der gerenderten Seite. English
Problem
Layout wirkt unstyled, oder nur dynamisch gesetzte Klassen verschwinden nach Production.
Erste Prüfung
Führe zuerst die allgemeine Diagnose im Projektverzeichnis aus.
npx @birdapi/velinstyle doctor
Tiefer prüfen
npx @birdapi/velinstyle check ./index.html --profile docs
npx @birdapi/velinstyle production . --safelist .my-dynamic-class
Schnellcheck
- Im richtigen Projektverzeichnis ausführen.
- Nur dokumentierte Profile und Flags verwenden.
- Nach jeder Änderung erneut prüfen.
Stylesheet ist nicht eingebunden
Ursache: Das Dokument lädt weder dist/velinstyle.min.css noch ein Production-CSS.
- Lösung 1: Setze einen korrekten
<link> auf dist/velinstyle.min.css. - Lösung 2: Lade passende Theme-CSS aus
dist/themes/, wenn Themes genutzt werden. - Lösung 3: Prüfe im Netzwerk, dass CSS 200 liefert, dann doctor erneut.
Erneut prüfennpx @birdapi/velinstyle doctor
npx @birdapi/velinstyle check ./index.html --profile docs
Production hat eine dynamische Klasse entfernt
Ursache: Eine Klasse, die nur zur Laufzeit existiert, wurde aus dem Production-CSS entfernt.
- Lösung 1: Baue mit
npx @birdapi/velinstyle production . --safelist .my-dynamic-class neu. - Lösung 2: Halte die Safelist minimal — nur Klassen, die nie im statischen HTML stehen.
- Lösung 3: Verlinke auf
dist/velin-production/ und prüfe, dass die Klasse erhalten bleibt.
Erneut prüfennpx @birdapi/velinstyle doctor
npx @birdapi/velinstyle check ./index.html --profile docs
VelinStyle