[plugin:vite:css] [postcss] Unexpected token, expected "," after shadcn installed

[wijayanto1320]

Can someone help me?

when i install shadcn ui,and open then website, it's erorr

what's the problem?

I use remix js vite

[renanvalentin]

Check the tailwind.config.ts file.

fontFamily: {
  			sans: [\n          "Inter",\n          "ui-sans-serif",\n          "system-ui",\n          "sans-serif",\n          'Apple Color Emoji"',\n          'Segoe UI Emoji"',\n          'Segoe UI Symbol"',\n          'Noto Color Emoji"',\n        ]
  		},

it should be:

  fontFamily: {
        sans: [
          "Inter",
          "ui-sans-serif",
          "system-ui",
          "sans-serif",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Segoe UI Symbol",
          "Noto Color Emoji",
        ],
      },

[wijayanto1320]

Check the tailwind.config.ts file.

fontFamily: {
  			sans: [\n          "Inter",\n          "ui-sans-serif",\n          "system-ui",\n          "sans-serif",\n          'Apple Color Emoji"',\n          'Segoe UI Emoji"',\n          'Segoe UI Symbol"',\n          'Noto Color Emoji"',\n        ]
  		},

it should be:

  fontFamily: {
        sans: [
          "Inter",
          "ui-sans-serif",
          "system-ui",
          "sans-serif",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Segoe UI Symbol",
          "Noto Color Emoji",
        ],
      },

thanks the problem solve

[TobiramaSan]

Mehn!! This drove me crazy for hours. Thanks

[thorvn]

Great, you saved my life

[abba-m]

You saved my life too 🫶🏻😂

[wijayanto1320]

The problem is tailwind.config.ts,use renanvalentin answer to solve

[pauljones0]

Why does the badly formed fontFamily occur? This happened to me too and this fix worked. Just need to know if PR has been made to fix this or not.

[matsuyoshi30]

I think it's a shadcn issue. I've already made a PR.

[handfuloflight]

this bug sucks lol

[bluefire2121]

Find and replace
\n + ten blank spaces
in tailwind.config.ts

[basantiroomie]

been getting the same error

fontFamily: {
'inter': ['Inter', 'sans-serif'],
'cormorant': ['Cormorant Garamond', 'serif'],
'source-serif': ['Source Serif 4', 'serif'],
'commissioner': ['Commissioner', 'sans-serif'],
},

  i dont understand what to do, checked everything else