Sublime Text Autoprefixer Browserslist: caniuse-lite is outdated -mac-

sublimeロゴ

環境:macOS Catalina (10.15.7)

1.Autoprefixerが実行出来なくなる

先日Sublime Textに入れてあるAutoprefixerを利用しようとしたところ下記アラートが表示され利用することが出来ませんでした。

Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest –update-db

とりあえずターミナル起動して npx browserslist@latest –update-db を実行すればよいのかな?と思い実行しましたが問題は解決しませんでした。

2.解決方法

とにかくcaniuse-liteが古いから新しくしろと言われています。

正しい方法なのかわかりませんが、私は以下の方法で解決しました。

Autoprefixerが今まで使えてたということはnode.jsは入っていると思いますので、

ターミナルを起動

npm i browserslist を入力実行

するとホームフォルダに「node_modules」というフォルダと「package-lock.json」というファイルが出来ます。

node_modulesフォルダの中にcaniuse-liteフォルダとbrowserslistフォルダがあるのを確認します。

次にSublime Textの中にインストールされているAutoprefixerのフォルダを探します。

/Users/ユーザー名/Library/Application Support/Sublime Text 3/Packages/Autoprefixer

上記場所にAutoprefixerフォルダあると思います。

そのAutoprefixerフォルダの中にnode_modulesフォルダがあると思いますので、その中にある古いbrowserslistフォルダとcaniuse-liteフォルダを削除し、先程ホームフォルダに入れたnode_modulesの中にあったbrowserslistフォルダとcaniuse-liteを入れます。

その後、Sublime Textを再起動すると、Autoprefixerが元通り使えるようになっていると思います。
※一緒にインストールされたpackage-lock.jsonと残ったnode_modulesは捨てて大丈夫です。

3.最後に

Sublime Textの環境でなくてもAutoprefixerの場所がわかれば上記の方法で解決出来るとは思いますが、自己責任でお願いいたします。

Categories: Sublime Text