错误#98123 WEBPACK.BUILD-JAVASCRIPT 构建 gatsby 网站时生成 JavaScript 包失败

Question

我一直在尝试构建我的

gatsby

网站，但构建失败并出现以下错误：

failed Building production JavaScript and CSS bundles - 7.408s

 ERROR #98123  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

styles.41cdc950875b04ce14b3.css from Css Minimizer
/Users/rit/proj1/styles.41cdc950875b04ce14b3.css:1175:18: Unknown word [styles.41cdc950875b04ce14b3.css:1175,18]
    at Input.error (/Users/rit/proj1/node_modules/postcss/lib/input.js:106:16)
    at Parser.unknownWord (/Users/rit/proj1/node_modules/postcss/lib/parser.js:593:22)
    at Parser.other (/Users/rit/proj1/node_modules/postcss/lib/parser.js:435:12)
    at Parser.parse (/Users/rit/proj1/node_modules/postcss/lib/parser.js:470:16)
    at parse (/Users/rit/proj1/node_modules/postcss/lib/parse.js:11:12)
    at new LazyResult (/Users/rit/proj1/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/Users/rit/proj1/node_modules/postcss/lib/processor.js:53:14)
    at cssnanoMinify (eval at transform (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:34:28), <anonymous>:51:61)
    at minify (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:15:32)
    at Object.transform (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:35:24)

File: styles.41cdc950875b04ce14b3.css


 ERROR #98123  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

styles.d9f8181dfdee20ae152d.css from Css Minimizer
/Users/rit/proj1/styles.d9f8181dfdee20ae152d.css:1175:18: Unknown word [styles.d9f8181dfdee20ae152d.css:1175,18]
    at Input.error (/Users/rit/proj1/node_modules/postcss/lib/input.js:106:16)
    at Parser.unknownWord (/Users/rit/proj1/node_modules/postcss/lib/parser.js:593:22)
    at Parser.other (/Users/rit/proj1/node_modules/postcss/lib/parser.js:435:12)
    at Parser.parse (/Users/rit/proj1/node_modules/postcss/lib/parser.js:470:16)
    at parse (/Users/rit/proj1/node_modules/postcss/lib/parse.js:11:12)
    at new LazyResult (/Users/rit/proj1/node_modules/postcss/lib/lazy-result.js:133:16)
    at Processor.process (/Users/rit/proj1/node_modules/postcss/lib/processor.js:53:14)
    at cssnanoMinify (eval at transform (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:34:28), <anonymous>:51:61)
    at minify (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:15:32)
    at Object.transform (/Users/rit/proj1/node_modules/gatsby/node_modules/css-minimizer-webpack-plugin/dist/minify.js:35:24)

File: styles.d9f8181dfdee20ae152d.css

not finished Running gatsby-plugin-sharp.IMAGE_PROCESSING jobs - 7.927s

一些背景

安装我使用的软件包 -

npm i -f

（因为存在一些依赖性问题）。安装成功。

开发工作正常 -

npm run dev

但是，当我尝试运行

npm run build

时，它失败并出现上述错误。我不知道如何调试它，因为我在我的系统上找不到这些文件。

Unknown word [styles.d9f8181dfdee20ae152d.css:1175,18]

更新1

我意识到从

global.css

文件中删除所有 css 可以让构建工作。尽管甚至在此之前就有这个包含 css 的文件，并且构建用于打发那段时间。

Answer 1

因此，在逐次提交以查找代码开始损坏的位置时，我认为这是

tailwind.config.js

。

在顺风中，内联

code

元素也有一个反引号“`”。要删除它，我在这里关注了一条评论 - https://github.com/orgs/remarkjs/discussions/674#discussioncomment-5387785

但是，

 

是构建失败的原因。因此，我将其更改为

none

。现在建设得很好。

这是配置差异

谢谢大家。