package.jsonを弄ったあとにAmplifyでビルドすると「read-shrinkwrap」エラーが出てビルドに失敗する

Question

環境

• フロントはReact+ChakraUIの構成(各ライブラリのバージョンはpackage.jsonに記載)
• BaaS的な環境としてAWS Amplifyを利用

発生している事象

先日、@aws-amplify/ui-reactのバージョンを2系に上げるべく、package.jsonをいろいろと弄ってはamplifyでビルドしていたところ、添付のログのようにエラーが大量に出てビルドに失敗するようになってしまいました。ローカルで npm start した際は問題なく動作していますが、GithubにpushしてCI/CD連携したAmplifyでビルドしようとすると、フロントエンドのnpm installでコケているようです。

@aws-amplify/ui-reactのバージョンを上げる過程で、誤ってreactを17系から18系にしてしまったり、package.jsonの記載をいろいろ変更してみたり、package-lock.jsonを削除して作り直してみたりなどいろいろとしたため、間違いなくそこが原因だろうとは思いつつ、どう対処すればよいかわからずそれなりの時間が経ってしまったため、何かしらご助言いただけますと大変助かります。

最初の1行目に出ている以下から、npmとpackage-lock.jsonのフォーマットのバージョンが何らかの原因で変わってしまったんだろうという勘所はあるのですが、①なぜ変わってしまったのか、②なんらか特定のライブラリのバージョンをあげた際に、全体の依存関係をどのように解消すべきなのかをよくわかっていないからこのようなことになるんだろうなという次第です。

WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!

参考資料

■エラーログ
エラーログ

■package.json, package-lock.json
package.json
package-lock.json

■参考にしたURL
node.js - Is there any way to fix package-lock.json lockfileVersion so npm uses a specific format? - Stack Overflow https://stackoverflow.com/questions/64813775/is-there-any-way-to-fix-package-lock-json-lockfileversion-so-npm-uses-a-specific （編集済み）

Comments

[退会済みユーザー]

こちら、おそらくですが、手元のNode.js、NPMのバージョンとAmplify側の各バージョンに齟齬があることが原因でした。Amplify側の各バージョンを手元にあわせると解決致しました。

Answer 1

こちら、おそらくですが、手元のNode.js、NPMのバージョンとAmplify側の各バージョンに齟齬があることが原因でした。Amplify側の各バージョンを手元にあわせると解決致しました。