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

Question

正如标题所说，我正在尝试使用 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"

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

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

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

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

标签： objectgruntjspostcss

Answer 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

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

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