HTML - Autoprefixer - トラブルシュート - Browserslist: caniuse-lite is outdated.

1.　概要

2.　言われたとおりにしてみる・・・NG

3.　調査

1.　概要

　ずいぶん、間隔があいていたので、その間にたくさんのアップデートがあったのではないかと思われます。
　久々に起動したら・・・


$ gulp exp
[11:44:45] Using gulpfile /home/kitayama/npm6.4/gulpfile.js
[11:44:45] Starting 'exp'...
[11:44:45] Finished 'exp' after 9.89 ms
Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`


　ブラウザのリストが更新されていますよ・・・ってなことのように思われます。

2.　言われたとおりにしてみる・・・NG

　言われたとおりにしてみます。


npm update caniuse-lite browserslist


　何もメッセージが出なかったので、これでうまくいったんかなと思うと・・・。
　その次からも同じメッセージが出力されます。

3.　調査

　出力メッセージを参考に、調べてみると「npm package の依存ではまったこと – Wataru KASAHARA – Medium」っていうのがある・・・。

　解決策として「yarn.lock」を削除してインストールしなおせとありますが・・・。
　改めて「node」の状況を見えてみますと。


> ls -d /usr/ports/www/node*
/usr/ports/www/node  /usr/ports/www/node10  /usr/ports/www/node6  /usr/ports/www/node8
> node -v
v11.14.0
> npm -v
6.9.0


　放っている間に、「ports」との乖離が起きていたり、「node」や「npm」のバージョンがわたしが想定しているものとはずいぶんことなっているようです。
　こういうときは、環境を構築し直した方が良さそうです。
　ということで「HTML - Autoprefixer（Node.js・gulp）- 環境構築（Node.js・npm）」を更新しますので、改めて、そちらでどうぞ。