尝试使用 Grunt 运行 postcss 并收到错误“警告：[object Object] 不是 PostCSS 插件”答案

【问题标题】：Trying to run postcss with Grunt and receive the error "Warning: [object Object] is not a PostCSS plugin"尝试使用 Grunt 运行 postcss 并收到错误“警告：[object Object] 不是 PostCSS 插件”
【发布时间】：2022-02-21 19:18:18
【问题描述】：

正如标题所说，我正在尝试使用 grunt 运行 postcss，但由于某种原因，当我运行 Grunt 并尝试保存我的一个 .scss 文件时，我收到以下错误：

“警告：[object Object] 不是 PostCSS 插件”

在 package.json 我的 devDependencies 是：

“自动前缀”：“^10.1.0”，
“咕噜”：“^0.4.5”，
"grunt-contrib-cssmin": "^3.0.0",
"grunt-contrib-sass": "^2.0.0",
"grunt-contrib-uglify": "^5.0.0",
"grunt-contrib-watch": "^1.1.0",
"grunt-postcss": "^0.9.0",
"postcss": "^8.2.1",
"postcss-cli": "^8.3.1"

我尝试了一点谷歌搜索，我能找到的唯一答案是尝试运行：

"npm i postcss -D"

我试了一下，但没有任何运气，我仍然收到同样的错误。

如果有人可以在这里提供任何帮助，将不胜感激。

如果我需要提供任何其他信息，请务必告诉我，如果我遗漏了任何内容，我深表歉意，我对在堆栈溢出上发帖有点陌生。

提前感谢您提供的任何帮助。

【问题讨论】：

您好@BarkerDrums，我遇到了同样的问题。你解决了吗？

标签： object gruntjs postcss

【解决方案1】：

升级到 PostCSS 8+

包已存档：https://www.npmjs.com/package/grunt-postcss，现在在此处维护：https://www.npmjs.com/package/@lodder/grunt-postcss。

所以删除旧的 grunt-post css 安装，并替换为：

npm i --save-dev postcss @lodder/grunt-postcss

安装插件后，可以在 Gruntfile 中使用这行 JavaScript 启用它：

grunt.loadNpmTasks('@lodder/grunt-postcss');

【讨论】：