我在使用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 10升级到11并试图构建我的项目时遇到了这个错误。
我通过解决了这个问题
- 从
package.json中的依赖项中删除@zeit/next-sass - 删除
package-lock.json、node_modules和build - 再次运行CCD_ 6和CCD_
(不确定你是否需要删除那些文件/目录，但我也有，因为我在解决这个问题后遇到了其他错误。(
npm install postcss@8，并确保您已成功安装postcss: ^8.x.x，因为升级next不一定会更新对等依赖关系(即postcss(，而You must install peer dependencies yourself.则会修复此问题。