小编Yam*_*l N的帖子

为什么我会收到此错误(Tailwind + Next.js)?HookwebpackError、CssSyntaxError

这个问题已经存在一周了,一直无法找到解决方案,但我想出了一些方法来缩小问题范围。我尝试在 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)

javascript reactjs next.js tailwind-css

16
推荐指数
1
解决办法
9594
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1

tailwind-css ×1