エラーの発生状況
gulp-postcss で autoprefixer のバージョン v10 以上を利用するとエラーが発生。
Error: PostCSS plugin autoprefixer requires PostCSS 8.
エラーの原因
-
autoprefixerのバージョンv10以上はpostcssのバージョンv8以上が必要なため -
gulp-postcssが依存しているpostcssのバージョンがv7のため
エラーの解決方法
エラーメッセージを確認するとURLが表示されています。
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
リンクをクリックすると PostCSS 8 for end users というページが表示され、様々な利用シーンでの解決方法が記載されています。
Gulp の場合は以下となります。
この記述によると
-
gulp-postcssのバージョンをv9以上にする -
postcssをインストールする
というわけで、指示どおりインストールします。
npm i gulp-postcss@9.0.0 postcss -D
これでエラーが表示されなくなりました