PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin

PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin.

这个错误来自官方,是说autoprefixer依赖版本是PostCSS 8,然而版本确实是正确的。

这是gulpfile.js中的配置:

gulp.task('autoprefixer', () => {
  const autoprefixer = require('autoprefixer')
  const sourcemaps = require('gulp-sourcemaps')
  const postcss = require('gulp-postcss')

  return gulp.src('./src/*.css')
    .pipe(sourcemaps.init())
    .pipe(postcss([ autoprefixer() ]))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./dest'))
})

这是package.json中的配置:

{
    "dependencies": {
        "autoprefixer": "10.0.0",
        "cssnano": "^4.1.10",
        "gulp": "^4.0.2",
        "gulp-changed": "^4.0.2",
        "gulp-postcss": "^8.0.0",
        "gulp-rename": "^2.0.0",
        "gulp-sass": "^4.1.0"
    }
}

解决办法是将 "autoprefixer": "10.0.0", 改为 "autoprefixer": "9.8.6",修改后:

{
    "dependencies": {
        "autoprefixer": "9.8.6",
        "cssnano": "^4.1.10",
        "gulp": "^4.0.2",
        "gulp-changed": "^4.0.2",
        "gulp-postcss": "^8.0.0",
        "gulp-rename": "^2.0.0",
        "gulp-sass": "^4.1.0"
    }
}
本条目发布于。属于科技分类,被贴了 标签。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复