hello please i need help, I can't seem to style it with Tailwind.

[Titech8]

hello please i need help, I can't seem to style it with Tailwind.

i have thys problem

Rebuilding...
SyntaxError: Unexpected token, expected "," (14:19)
at unexpected (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\util.js:99:15)
at expect (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\util.js:86:5)
at parseObj (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\expression.js:759:20)
at parseExprAtom (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\expression.js:553:7)
at parseExprSubscripts (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\expression.js:276:20)
2:20)
57:20)
at baseParseMaybeAssign (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\expression.js:142:20)
at tsParseMaybeAssignWithoutJSX (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\plugins\typescript.js:1580:45) {
pos: 281,
loc: Loc { line: 14, column: 19 }
}
57:20)
at baseParseMaybeAssign (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\traverser\expression.js:142:20)
at tsParseMaybeAssignWithoutJSX (C:\Users\TITE\PycharmProjects\pythonProject1\logistique\theme\static_src\node_modules\sucrase\dist\parser\plugins\typescript.js:1580:45) {
pos: 281,
loc: Loc { line: 14, column: 19 }
}

Originally posted by @Titech8 in #7562 (comment)

[adamwathan]

Since this is a syntax error happening in a published dependency, my guess is you're on an old version of Node.js that doesn't support some more modern syntax being used in that library — try upgrading to the latest version and see if that helps.

[ronchaine]

I have the same issue on linux, with fresh install of node and tailwindcss. It also happens in the standalone cli packages which should have baked-in nodejs.

$ node --version
v21.7.0

$ ./tailwindcss-linux-x64 --config tailwind/tailwind.config.js -i tailwind/input.css -o static/style.css

Rebuilding...
SyntaxError: Unexpected token, expected "," (3:41)
    at unexpected (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/util.js:99:15)
    at expect (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/util.js:86:5)
    at parseExprList (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:973:20)
    at parseExprAtom (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:549:7)
    at parseExprSubscripts (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:276:20)
    at parseMaybeUnary (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:257:20)
    at parseExprOps (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:185:20)
    at parseMaybeConditional (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:157:20)
    at baseParseMaybeAssign (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/traverser/expression.js:142:20)
    at tsParseMaybeAssignWithoutJSX (/snapshot/tailwindcss/node_modules/sucrase/dist/parser/plugins/typescript.js:1564:45) {
  pos: 103,
  loc: Loc { line: 3, column: 41 }
}

[ronchaine]

And to reply to myself, going back to tailwindcss 3.0.21, I get the actually useful error message:

  content: ["../templates/**/*.{html,js"}],
                                        ^

SyntaxError: Unexpected token '}'
    at Object.compileFunction (node:vm:354:18)
    at wrapSafe (node:internal/modules/cjs/loader:1031:15)
    at Module._compile (node:internal/modules/cjs/loader:1065:27)
    at Module._compile (pkg/prelude/bootstrap.js:1758:32)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.require (pkg/prelude/bootstrap.js:1719:31)
    at Module.require (/snapshot/tailwindcss/standalone-cli/standalone.js:21:22)

After which fixing the file makes it work for all versions. Weird error message, otherwise error between keyboard and chair.

[Trubessinum]

And to reply to myself, going back to tailwindcss 3.0.21, I get the actually useful error message

Thanks a lot! In my case the problem was with the name of a custom theme in tailwind.config.js (it was not quoted and contained a dash: custom-dark: {).