GitHubでpackage-lock.jsonに記述されているバージョンが古いと警告された時の修正方法
GitHubにて、package-lock.jsonに記述されているパッケージバージョンが古いと警告されました。

npm updateで様子を見る
npm updateを実行することで、package.jsonに記述されている情報に基づいて更新されます。
$ npm updateパッケージの数や記述の仕方によってはこれで解決するみたいなので、まずはこれを実行して様子を見ます。
npm-check-updates
それでも解決しない場合は、npm-check-updatesを使用することで、package.jsonの依存パッケージの記述を変更できます。
それを修正したあとにパッケージを更新してpackage-lock.jsonを修正するというわけです。
まずはnpm-check-updatesをインストールします。
$ npm install -g npm-check-updatesインストールしたら、次は下記コマンドでpackage.jsonの修正をします。
$ ncu -u最後にパッケージの更新をします。
$ npm update更新するとpackage-lock.jsonも合わせて更新されます。
これでプッシュしてGitHubを見てみると、ちゃんとエラーが消えました。


Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
「Dart Sass」「LibSass」「Ruby Sass」などSassの種類や記法に関するまとめ
CSSで::placeholderにスタイルを設定する方法
HTML・CSSでWebサイト制作を行う際に必要なツール
gulpfile.jsにAutoprefixerのブラウザオプションを書くとエラーがでる場合の修正方法
Visual Studio Codeのファイル横に表示されるファイルアイコンのテーマまとめ
iOS Safariで指定したフォントサイズにならない場合の対処法
Emmetで複数のタグを一括展開して、コーディングスピードをさらに上げる方法
Bracket Pair ColorizerでVisual Studio Codeの括弧を色分けして見やすくする
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ScreenFlowでできる3種類のカット編集方法
コーディング時に「アノテーションコメント」を使ってコードを見やすく管理する
キーボードショートカット以外の新しい選択肢、左手用インプットデバイス「Orbital 2」
Macのバッテリー効率を上げるアプリ「Endurance」
スクロールしてもテーブルヘッダーが追尾するテーブルの作り方
Bartenderの「Quick Search menu bar items」でメニューアイコンを検索してアクティブにする方法
CSSだけで画像の比率を保ってトリミングできる「object-fit」
iPad Pro + iPad Pro用Magic Keyboardの文字入力
スニペットとしてもドキュメント検索としても使える「Dash 6」でコードや定型文を管理する