npm run start エラー：react-scriptsのバージョンの違い

Question

前提・実現したいこと

reactを使いシステムを開発しています。
昨日、「コマンドプロンプトからnpm run start を実行すると、以下のエラーメッセージが発生しました。」
という内容の質問をさせて頂きました。
https://teratail.com/questions/332221

react-scriptsのバージョンを
3.3.0から3.4.1にアップデートした所、上記の事象は解決しました。

ただ、チームで開発をしており、
メンバーと違うバージョンで開発を継続するのは、問題あるので原因を知りたいです。
※react-scripts@3.3.0で「npm run start」 を実行したい。

何かご存知の方がいらっしゃいましたらご教示願います。

Answer 1

他のメンバーもバージョンをあげるのはどうでしょうか？
前回のエラー文は react-scriptsが3.3だといつかは誰しもがぶち当たるエラーです。
実際なぜエラーが出るかと言うと
react内にある最新バージョンのreact-dev-utilsが古いバージョンである
react-scriptsとの互換性が無いために起こるエラーです。
つまり3.3だと古いバージョンなのでいずれかはエラーがでるということになります。

じゃあどうすればいいんだよってことで解決策として全員のバージョンをあげようぜってことです！

Comments

[m0321]

回答ありがとうございます！
私は開発の途中でメンバーに参画しており、他メンバーも同様のバージョンアップすると、
既存機能のデグレテストでかなり工数がかかってしまうので、なるべく同じバージョンで実行したいです。※いずれ、バージョンアップの対応もします。

なお、今回は、他メンバーと同じ手順で環境を構築しています。
回答頂いた内容だと、react-dev-utilsが古いバージョンとのことだったので、そのような原因もあるのだと思いますが、今回だと考えにくいような気がしてます。

[black-ddd]

自分ならそもそも動かない上にいつかは他のメンバーにもくるエラーに
びくびくしながら作業はしたくないのでバージョンアップをおすすめしますが、
会社の決まり事には首を突っ込めません。
ただreact-scriptsはcreate-react-appを起動させるためのパッケージですので
工数はかかりますがあまりデグレは起きにくいんじゃ無いかと思います。
回答になっていませんが、がんばってください。

[m0321]

回答ありがとうございます。
他メンバーのnode_modulesフォルダと、pakage.json、package-lock.jsonを
ローカルに格納したところ、通常動作しました。
npm installの際、ライブラリがうまく取得できていなかったのか、
いまだに原因は不明ですが、とりあえずは動くようになりました。

ライブラリのアップデートは、課題として今後検討したいと思います。