1. ホーム
  2. npm

[解決済み] Browserslist: caniuse-lite は古くなっています。次のコマンド `npm update caniuse-lite browserslist` を実行してください。

2022-04-28 13:02:05

質問

最近、scssファイルをコンパイルするとエラーが発生します。エラーメッセージはこうです。

Browserslist: caniuse-lite は古くなりました。次のコマンドを実行してください。 npm update caniuse-lite browserslist

まず、メッセージにあるように、以下を実行しました。 npm update caniuse-lite browserslist が、問題は解決しませんでした。 nod-modulesディレクトリごと削除して再インストールし、フォルダ全体を npm update が、いずれも問題解決には至りませんでした。 また、autoprefixerとbrowserslistを再インストールしましたが、いずれも問題は解決しませんでした。

を削除すると

"options": {
      "autoPrefix": "> 1%"
    }

私の compilerconfig.json ということは、おそらくオートプレフィックスが関係しているのでしょう。また、パッケージのバージョンを手動で最新版に変更したところ package.json をインストールし直しましたが、うまくいきません。

解決方法を教えてください。

Visual StudioのWeb Compilerエクステンションを使用しているようです。 これについては、ここにオープンイシューがあります。 https://github.com/madskristensen/WebCompiler/issues/413

その問題には回避策が掲載されています。

  1. Visual Studioを閉じる
  2. に向かいます。 C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X (XはWebCompilerのバージョン)
  3. から以下のフォルダを削除します。 node_modules フォルダーを作成します。 caniuse-litebrowserslist CMDを開く(内部 C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X ) を実行します。 npm i caniuse-lite browserslist