Build time error HookWebpackError: [object Object] is not a PostCSS plugin. This happened when i updated next.js to latest version

Question

我在 next.js 中使用 CSS 使用 ziet/next 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,
      },
     
}

Answer 1

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

Answer 2

我在从 Next.js 10 升级到 11 并尝试构建我的项目时遇到此错误。

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

正在从 package.json

@zeit/next-sass

删除 package-lock.json、node_modules 和 build
运行 npm install 和 npm run build。

（不确定你是否需要删除那些 files/directories 但我也删除了，因为我在解决这个问题后出现了其他错误。）

Build time error HookWebpackError: [object Object] is not a PostCSS plugin. This happened when i updated next.js to latest version

Build time error HookWebpackError: [object Object] is not a PostCSS plugin. This happened when i updated next.js to latest version

build

reactjs

postcss

next.js