Фоновое изображение не отображается с React + tailwindcss ⇐ Html

[Anonymous]

Я пытаюсь использовать Tail Whip с React, чтобы показать фоновое изображение.
Моя конфигурация похожа на следующее: < /p>

Код: Выделить всё

const white_bg = require("../../assets/images/wave_light.svg"); // Import using relative path
const black_bg = require("../../assets/images/wave_black.svg"); // Import using relative path

module.exports = {
purge: [
"src/**/*.js",
"src/**/*.jsx",
"src/**/*.ts",
"src/**/*.tsx",
"public/**/*.html",
],
theme: {
extend: {
backgroundImage: (theme) => ({
"white-landing": `url(${process.env.PUBLIC_URL + white_bg})`,
"black-landing": `url(${process.env.PUBLIC_URL + black_bg})`,
}),
},
textColor: {
"nav-text": "#eaeaea",
},
fontFamily: {
header: ["Poppins", "sans-serif"],
body: ["Poppins", "sans-serif"],
},
boxShadow: {
header: "0px 0px 50px 1px rgba(0, 0, 0, 0.35)",
card: "0px 0px 25px 1px rgba(0, 0, 0, 0.25)",
},
< /code>
и вызов классов в HTML: < /p>

Ни один из моих пользовательских классов не работает ... какая -либо помощь?

Подробнее здесь: https://stackoverflow.com/questions/647 ... ailwindcss