如何在Next.js中追踪错误？Tailwind CSS构建伪类错误排查

在Next.js中进行错误追踪十分困难，因为错误提示显示的是构建文件夹中的文件路径，无法追溯到项目文件夹结构里的原始错误位置。我遇到了一个构建错误，确定是某个组件中的CSS错误（当前使用Tailwind CSS），错误信息如下：

caused by plugins in Compilation.hooks.processAssets
Error: Expected a pseudo-class or pseudo-element.
    at /PROJECT_PATH/static/css/c0940a6ef02ebfcf.css:1419:1
    at Root._error (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:79306)
    at Root.error (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:125621)
    at Parser.error (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:87667)
    at Parser.expected (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:94001)
    at Parser.pseudo (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:90169)
    at Parser.parse (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:93524)
    at Parser.loop (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:93089)
    at new Parser (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:79163)
    at Processor._root (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:96105)
    at Processor._runSync (/PROJECT_PATH/node_modules/next/dist/compiled/cssnano-simple/index.js:190:96612)

> Build failed because of webpack errors

我已按照Next.js文档设置productionBrowserSourceMaps为true，但错误追踪情况并未改变，我的next.config.mjs配置如下：

const nextConfig = {
  ...,
  productionBrowserSourceMaps: true,
}

内容的提问来源于stack exchange，提问作者OmarAbouzeid95