这个问题已经存在一周了,一直无法找到解决方案,但我想出了一些方法来缩小问题范围。我尝试在 Next.js 应用程序中运行纱线构建,但它失败并出现错误,我将在下面发布该错误。
该程序应用程序编译良好,yarn dev并且所有样式都可以工作。我使用了 TW 文档中的标准设置。
错误的样式名称会导致构建错误吗?例如className="BadStyleName h-10 w-10"
错误:
info - Creating an optimized production build
Failed to compile.
HookWebpackError: C:\Users\project\static\css\b0067dc6dc66c8dc.css:2251:12: Unknown word
at makeWebpackError (C:\Users\project\node_modules\next\dist\compiled\webpack\bundle5.js:47168:9)
at C:\Users\project\node_modules\next\dist\compiled\webpack\bundle5.js:31056:12
at eval (eval at create (C:\Users\project\node_modules\next\dist\compiled\webpack\bundle5.js:141512:10), <anonymous>:34:1)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
-- inner error --
CssSyntaxError: C:\Users\project\static\css\b0067dc6dc66c8dc.css:2251:12: Unknown word
at Input.error (C:\Users\project\node_modules\next\node_modules\postcss\lib\input.js:123:16)
at ScssParser.unknownWord (C:\Users\project\node_modules\next\node_modules\postcss\lib\parser.js:518:22)
at ScssParser.other (C:\Users\project\node_modules\next\node_modules\postcss\lib\parser.js:149:12)
at ScssParser.parse (C:\Users\project\node_modules\next\node_modules\postcss\lib\parser.js:59:16)
at scssParse (C:\Users\project\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:335)
at new LazyResult (C:\Users\project\node_modules\next\node_modules\postcss\lib\lazy-result.js:122:16)
at Processor.process (C:\Users\project\node_modules\next\node_modules\postcss\lib\processor.js:33:12)
at CssMinimizerPlugin.optimizeAsset (C:\Users\project\node_modules\next\dist\build\webpack\plugins\css-minimizer-plugin.js:43:12)
at C:\Users\project\node_modules\next\dist\build\webpack\plugins\css-minimizer-plugin.js:77:55
at processTicksAndRejections …Run Code Online (Sandbox Code Playgroud)