A projektem craco-t használ az indításhoz/építéshez, integrálni szeretném a tailwind postcss-t. Követem ezt az oktatóanyagot https://dev.to/ryandunn/how-to-use-tailwind-with-create-react-app-and-postcss-with-no-hassle-2i09 De ennek eredményeként , ebben a hibában szenvedek:
A konfigurációs fájljaim az alábbiak szerint néznek ki:
craco.config.js (ez úgy néz ki, hogy hol van a probléma, mivel úgy érzem, hogy a stílus felülírhatja az alatta lévő craco stílust, ezért a fenti hibát okozta, de nem 100%-ig biztos, hogyan lehet megoldani ezt a rejtvényt.)
module.exports = {
style: {
postcss: {
plugins: [
require("tailwindcss")("./tailwind.config.js"),
require("postcss-nested"),
require("autoprefixer"),
],
},
},
postcss.config.js
const tailwindcss = require('tailwindcss');
module.exports = {
plugins: [
tailwindcss('./tailwind.js'),
require('autoprefixer')
],
};
tailwind.config.js
module.exports = {
purge: ["./src/**/*.html", "./src/**/*.jsx", "./src/**/*.js", "./src/**/*.tx", "./src/**/*.tsx"],
theme: {
extend: {
screens: {
xs: { max: "400px" },
},
},
},
};
Az alkalmazást innen futtatom
docker-compose up
Van valami javaslata a hiba és a konfiguráció javítására? Kérem adjon tanácsot néhány kódpéldával Előre is köszönöm