构建时错误 HookWebpackError: [object Object] 不是 PostCSS 插件。当我将 next.js 更新到最新版本时发生了这种情况答案

【问题标题】：Build time error HookWebpackError: [object Object] is not a PostCSS plugin. This happened when i updated next.js to latest version构建时错误 HookWebpackError: [object Object] 不是 PostCSS 插件。当我将 next.js 更新到最新版本时发生了这种情况
【发布时间】：2021-08-12 06:27:24
【问题描述】：

我使用 ziet/next CSS 模块在 next.js 中使用 CSS。今天我将 next.js 升级到最新版本并删除了这个 ziet 包，因为 next.js 现在有自己的 CSS 支持。该应用程序在开发中完美运行。但是当我尝试在生产环境中构建它时，它向我显示了这个错误。我从未在我的应用程序中使用过 postCSS，但它仍然向我显示此错误。下面显示的是我的 next.config.js，我没有 plugin.json 文件。我认为有一些更新，所以我收到了这个错误。请有人向我解释如何解决此错误。
next.config.js

module.exports={
    publicRuntimeConfig:{
        APP_NAME:'my app name',
        API_DEVELOPMENT:'localhost',
        API_PRODUCTION:'domain name',
        PRODUCTION:false,
        DOMAIN_DEVELOPMENT:'localhost',
        DOMAIN_PRODUCTION:'my domain',
        FB_APP_ID:'some id',
        DISQUS_SHORTNAME:'some string',
        GOOGLE_CLIENT_ID:'some string'

    },
    future: {
        webpack5: true,
      },
     
}

【问题讨论】：

您从哪个版本升级 Next.js？如果您删除webpack5 未来标志，您仍然会收到相同的错误吗？
好的，我想我遇到了问题，但我不知道它的解决方案。我使用页面内的 API 文件夹来生成站点地图。现在我应该在 next.config.js 中编写什么脚本来构建这个页面。
仅供参考，我遇到了同样的问题，降级到 next@10.1.3，问题就消失了。

标签： reactjs build next.js postcss

【解决方案1】：

从 Next.js 10 升级到 11 并尝试构建我的项目时，我遇到了这个错误。

我能够通过以下方式解决它：

从 package.json 中的依赖项中删除 @zeit/next-sass
删除package-lock.json、node_modules和build
再次运行 npm install 和 npm run build。

（不确定您是否需要删除这些文件/目录，但我也删除了，因为我在解决这个问题后遇到了其他错误。）

【讨论】：

【解决方案2】：

npm install postcss@8 并确保您已成功安装 postcss: ^8.x.x，因为升级 next 不一定会更新对等依赖项（postcss 是）和 You must install peer dependencies yourself. 它可以解决问题。

【讨论】：