最近、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
の最新バージョンに変更し、再インストールしましたが、うまくいきませんでした。
私の問題がどこにあったのか正確にはわかりませんが、npmとYarnの両方からグローバルパッケージを使用していたためだと思います。
すべてのnpmグローバルパッケージをアンインストールした後、yarnコマンドをもう一度使用すると、問題は解決しました。
インストールされているグローバルパッケージを表示するには...
npmの場合:
npm ls -g --depth=0
糸の場合:
yarn global list
次に、npmリストで見た各パッケージをアンインストールしました。
npm uninstall -g <package-name>
ノードのバージョンを12から10にダウングレードしました
編集
ノードバージョン12を使用していたため、このエラーが発生しました。バージョン10.16.5にダウングレードすると、このエラーは停止します。このエラーは私のローカル環境で発生しましたが、製品およびステージングでは発生しません。製品とステージングノードのバージョンは10.xなので、これを行うだけで、package.jsonのパッケージを更新する必要はありませんでした
私の場合、これはうまくいきます...
Sudo npm i -g browserslist caniuse-lite
この問題を修正するには、以下のコマンドを入力します。
「npm -g update」