はじめに

Git を使った開発をしていて package-lock.json でコンフリクトが発生した時の解決方法のメモ。

TL;DR

• package-lock.json のコンフリクトは npm install すれば解決できる

目次

1. はじめに
2. TL;DR
3. 環境・条件
4. 詳細
5. まとめ
6. その他・メモ
7. 参考文献

環境・条件

1
2
3
4
5
6
7
8
9
10

$ sw_vers
ProductName:	Mac OS X
ProductVersion:	10.14.6
BuildVersion:	18G95

$ node -v
v12.7.0

$ npm -v
6.10.3

詳細

チーム開発していると package-lock.json でコンフリクトすることがある。(当然だけど) 手作業で修正できるようなものでもない。

コンフリクトした場合、ファイルは変更せずにそのまま npm install すれば解決してくれる。

1
2
3
4
5
6

$ npm i
npm WARN conflict A git conflict was detected in package-lock.json. Attempting to auto-resolve.
npm WARN conflict To make this happen automatically on git rebase/merge, consider using the npm-merge-driver:
npm WARN conflict $ npx npm-merge-driver install -g
audited 17476 packages in 5.518s
found 0 vulnerabilities

まとめ

• package-lock.json のコンフリクトは npm install すれば解決する

その他・メモ

PHP, Composer でも似たような話をまとめた。

Git で composer.lock の content-hash がコンフリクトした時の解決方法

参考文献

• 【メモ】npm「package-lock.json」がコンフリクトしたら – NOBODY:PLACE

関連記事

• axios で添付ファイルありのリクエスト(multipart/form-data の POST)
• axios で unable to verify the first certificate の対応方法
• Vue.js を使ってメインページ側で動作する Chrome 拡張機能を開発する方法
• Node.js でミリ秒より高解像度の時刻情報取得や計測を行う方法
• vue-svg-loader を使って Vue.js プロジェクトで SVG を描画する
• Vue.js で FontAwesome を使う方法
• JavaScript で URL のクエリパラメータを操作する方法
• JavaScript で画像をローカルにダウンロード