Fehlerbehebung bei der Stil-Migration
Wenn der Stil der lokalen Umgebung abnormal ist, befolgen Sie dieses Verfahren zur Fehlerbehebung:
- CDN-EinführungscheckBestätigung der lokalen HTML-Datei
head
einschließen.https://cdn.tailwindcss.com
Layout.dev verwendet standardmäßig v3.3, und es wird empfohlen, es lokal über diescript src=https://cdn.tailwindcss.com/3.3.5
Geben Sie dieselbe Version an - PurgeCSS-KonfigurationWenn Sie das Build-Tool verwenden, prüfen Sie die
tailwind.config.js
Enthält escontent: [.html, ./src/**/*.{js,ts,jsx,tsx}]
Konfiguration, um zu verhindern, dass die Stile der Produktionsumgebung gelöscht werden - Handhabung von SchriftartendateienTick beim Exportieren eines ProjektsWeb Fonts einbeziehenoder lokal über die Option
@import url(https://fonts.geekzu.org/css2?family=Inter)
Manuelle Einführung von Inter-Schriften
Die ultimative Lösung: 1) Durch das Exportieren des PanelsExportieren mit BuildErzeugen Sie eine Version, die den vollständigen Tailwind-Build enthält; 2) oder installieren Sie TailwindCSS lokal und führen Sie dasnpx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Kompilieren Sie Stile in Echtzeit.
Diese Antwort stammt aus dem ArtikelLayout.dev: ein KI-Entwicklungstool für die schnelle Erstellung von BenutzeroberflächenDie