使用 Next 运行 Tailwind 会出现语法错误答案

【问题标题】：Tailwind running with Next gives a syntax error使用 Next 运行 Tailwind 会出现语法错误
【发布时间】：2021-11-03 01:05:23
【问题描述】：

./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[3].oneOf[7].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[3].oneOf[7].use[2]!./node_modules/next/dist/compiled/resolve-url-loader/index.js??ruleSet[1].rules[3].oneOf[7].use[3]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[3].oneOf[7].use[4]!./styles/style.scss
/home/user/node_modules/color/index.js:257
            lum[i] = (chan <= 0.039_28) ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
                              ^^^^^

SyntaxError: Invalid or unexpected token

【问题讨论】：

我猜你正在使用 SCSS，阅读关于 nextjs 样式支持的文档，nextjs.org/docs/basic-features/built-in-css-support
我遇到了同样的问题，我的nodejs版本是10，它必须是12+。
请澄清您的具体问题或提供更多详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： tailwind-css

【解决方案1】：

看起来是节点版本问题。 https://github.com/tailwindlabs/tailwindcss/issues/921

以节点 14 为例

【讨论】：

谢谢！！！效果很好。