Die Tailwind-Klasse funktioniert nach der Installation nicht ⇐ CSS

[Guest]

Ich habe versucht, CSS zu verwenden, jetzt installiere ich nur Rückenwind-CSS mit npm, und dann erstelle ich das CSS und stelle die Ausgabe.css bereit. Aber wenn ich die bg-black-Klasse in einer Schaltfläche zum Testen verwende, funktioniert sie immer noch nicht.
Hier ist der Build-Befehl, den ich verwende:

Code: Select all

tailwindcss -i ./src/style.css -o ./dist/output.css

Ich habe es in das Skript in package.json eingefügt
Verzeichnisdateipfad:



in src/style.css

Code: Select all

@tailwind base;
@tailwind components;
@tailwind utilities;

in tailwind.config.js

Code: Select all

    theme: {
extend: {
// ...
},
},
plugins: [],
}

in dist/index.html

Code: Select all

Learn Tailwind



Awesome

Das HTML im Browser-Ergebnis:
[img]https: //i.sstatic.net/kN2Ut.png[/img]