对象对象不是PostCSS插件\ PostCSS自动重定位器

Question

我正在尝试使用Grunt PostCSS自动修复程序，但它一直说它不是PostCSS插件：

package.json

{
  "name": "test",
  "version": "0.2.0",
  "description": "test",
  "keywords": [
    ""
  ],
  "author": "",
  "license": "",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "cssmin": "^0.4.3",
    "cssnano": "^5.0.6",
    "grunt": "^1.4.1",
    "grunt-babel": "^8.0.0",
    "grunt-contrib-cssmin": "^4.0.0",
    "grunt-contrib-uglify": "^5.0.1",
    "grunt-contrib-watch": "^1.1.0"
  },
  "devDependencies": {
    "@babel/core": "^7.14.5",
    "@babel/preset-env": "^7.14.5",
    "autoprefixer": "^10.2.6",
    "grunt-postcss": "^0.9.0",
    "grunt-postcss-import": "0.0.1",
    "grunt-prettify": "^0.4.0",
    "postcss": "^8.3.2"
  }
}

Gruntfile.js

postcss: {
  options: {
    map: {
      inline: false,
      annotation: 'dist/css/maps/'
    },
    processors: [
      // require('pixrem')(),
      require('autoprefixer')(),
      //require('cssnano')()
    ]
  },
  dist: {
    src: 'dist/css/bundle.css'
  }
},

我确保首先删除grunt-autoprefixer并安装autoprefixer，这应该是一个postcss插件。

Answer 1

事实证明，这只是一个版本兼容性问题。我只是改变了：

"autoprefixer": "^10.2.6",

通过以下方式：

"autoprefixer": "^9.7.4",