CssSyntaxError - Tailwind 和 Next.js 项目中的未知单词

10 小时后，由于以下构建失败，仍然无法部署我的应用程序。将 React/Next 与 Tailwind 结合使用。

我相信它来自 PostCSS 插件，但我找不到任何错误（如果有的话），它在生产构建之前在本地主机上完美运行。有什么方法可以识别哪个类是错误的吗？

我在部署时收到以下错误。

HookWebpackError: /vercel/path0/static/css/50ca08b8d4bb65eb.css:1043:73: Unknown word
    at makeWebpackError (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:41664:9)
    at /vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:25354:12
    at eval (eval at create (/vercel/path0/node_modules/next/dist/compiled/webpack/bundle5.js:140346:10), <anonymous>:34:1)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
-- inner error --
CssSyntaxError: /vercel/path0/static/css/50ca08b8d4bb65eb.css:1043:73: Unknown word
    at Input.error (/vercel/path0/node_modules/next/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.unknownWord (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:522:22)
    at ScssParser.other (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:149:12)
    at ScssParser.parse (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:59:16)
    at scssParse (/vercel/path0/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/next/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:43:12)
    at /vercel/path0/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:77:55
    at runMicrotasks (<anonymous>)
caused by plugins in Compilation.hooks.processAssets
CssSyntaxError: /vercel/path0/static/css/50ca08b8d4bb65eb.css:1043:73: Unknown word
    at Input.error (/vercel/path0/node_modules/next/node_modules/postcss/lib/input.js:148:16)
    at ScssParser.unknownWord (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:522:22)
    at ScssParser.other (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:149:12)
    at ScssParser.parse (/vercel/path0/node_modules/next/node_modules/postcss/lib/parser.js:59:16)
    at scssParse (/vercel/path0/node_modules/next/dist/compiled/postcss-scss/scss-syntax.js:1:322)
    at new LazyResult (/vercel/path0/node_modules/next/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/vercel/path0/node_modules/next/node_modules/postcss/lib/processor.js:28:14)
    at CssMinimizerPlugin.optimizeAsset (/vercel/path0/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:43:12)
    at /vercel/path0/node_modules/next/dist/build/webpack/plugins/css-minimizer-plugin.js:77:55
    at runMicrotasks (<anonymous>)
> Build failed because of webpack errors
Error: Command "npm run build" exited with 1

我看过其他线程，例如React 构建中 CSS Minimizer 插件出现未知单词错误 https://stackoverflow.com/questions/71484883/unknown-word-error-from-css-minimizer-plugin-on-react-build，并尝试遵循指南，但我找不到任何可能不正确或高级的 Tailwind 类，至少不是手动的。有什么方法可以在扩展或类似的帮助下做到这一点？

查看此线程：为什么我会收到此错误（Tailwind + Next.js）？ HookwebpackError、CssSyntaxError https://stackoverflow.com/questions/70466186/why-am-i-getting-this-error-tailwind-next-js-hookwebpackerror-csssyntaxerr

就我而言，问题在于我的tailwind.config.js.

首先，我会寻找任何动态类名，搜索[${或在您的代码库中类似的内容来查找它们。

删除这些后仍然失败，我恢复了以前的版本tailwind.config.js来自我知道之前可以工作的 git，并且它能够成功构建。

具体来说，构建失败的原因包括：

 extend: {
      backgroundImage: {
        "primary-underline": "linear-gradient(180deg,transparent 80%,hsla(205,100%,55%,0.5) 0);"
      },
}

The ;停产是罪魁祸首。