tailwind.config.jsを書き間違えた場合のエラーメッセージ

Tailwind CSSのエラーに悩まされた結果、tailwind.config.jsの閉じ括弧が足りなかったというアホみたいな理由だったので戒めを残しておきます。

localhost

root@PRJ:/var/www/PRJ# npx tailwindcss -i ./tailwind.css -o ./html/css/tailwind.css
Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme

Rebuilding...
SyntaxError: Unexpected token (35:1)
    at unexpected (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/util.js:99:15)
    at parseExprAtom (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:594:24)
    at parseExprSubscripts (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:276:20)
    at parseMaybeUnary (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:257:20)
    at parseExprOps (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:185:20)
    at parseMaybeConditional (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:157:20)
    at baseParseMaybeAssign (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:142:20)
    at tsParseMaybeAssignWithoutJSX (/var/www/PRJ/node_modules/sucrase/dist/parser/plugins/typescript.js:1580:45)
    at tsParseMaybeAssign (/var/www/PRJ/node_modules/sucrase/dist/parser/plugins/typescript.js:1548:12)
    at parseMaybeAssign (/var/www/PRJ/node_modules/sucrase/dist/parser/traverser/expression.js:121:43) {
  pos: 1281,
  loc: Loc { line: 35, column: 1 }
}

tailwindcss本体でなくsucraseという依存パッケージ内でエラーが発生している上に、 browserslistという別のパッケージを更新しろというメッセージが表示されています。 これでパース処理のエラーだからtailwind.config.jsの誤りだと気付ける人はそもそも間違えないでしょう。

言われた通りの更新コマンドを実行してもエラーは解消されないので困り果てましたね。

localhost

root@PRJ:/var/www/PRJ# npx update-browserslist-db@latest
Need to install the following packages:
  update-browserslist-db@1.0.16
Ok to proceed? (y) y
Latest version:     1.0.30001621
Installed version:  none
Removing old caniuse-lite from lock file
Installing new caniuse-lite version
$ npm install caniuse-lite
Cleaning package.json dependencies from caniuse-lite
$ npm uninstall caniuse-lite
caniuse-lite has been successfully updated

No target browser changes


root@PRJ:/var/www/PRJ# apt install node-browserslist
Reading package lists... Done
Building dependency tree... Done
Reading state information... Done
node-browserslist is already the newest version (4.21.4+~cs6.1.17-2).
node-browserslist set to manually installed.
0 upgraded, 0 newly installed, 0 to remove and 0 not upgraded.

設定ファイルの構文チェックなんかは近年の高機能なエディタで済ませておくのが当然ってことなんでしょう。。。