[tailwind] tailwindcss 색상, 배경색 적용 안될 때

tailwindcss 적용이 몇 개는 되고 몇 개는 안됐다. (색 관련 속성들이 안 됨) 

 

/** @type {import('tailwindcss').Config} */
module.exports = {
  variants: {
    tableLayout: ["responsive", "hover", "focus"],
  },
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
  ],

  theme: {
    colors: {
      "hl-1": "#fffbf4",
    },
    extend: {},
  },
  plugins: [],
};

/** @type {import('tailwindcss').Config} */
module.exports = {
  variants: {
    tableLayout: ["responsive", "hover", "focus"],
  },
  content: ["./src/**/*.{js,ts,jsx,tsx}"],

  theme: {
    extend: {
      colors: {
        "hl-1": "#fffbf4",
      },
    },
  },
  plugins: [],
};

colors를 extend에 넣어준다. 

해결!!

 

 

 

https://stackoverflow.com/questions/70971535/tailwindcss-background-color-not-parsed

Tailwindcss Background color not parsed