古いフロントエンド プロジェクトはアップグレードし、テクノロジー スタック バージョン (React、Vue など) で更新する必要があります。

1. 現在のプロジェクトのどのパッケージが更新できるかを確認するには、次のコマンドを実行します。

npm-check

注: このコマンドの実行時にエラーが報告された場合は、npm-check がインストールされていない可能性があります。最初にグローバルにインストールする必要があります。コマンドは次のとおりです。

npm install -g npm-check

2. npm-check コマンドを実行すると、アップグレード可能なテクノロジ スタックと、対応する命令とバージョンが表示されます。

 これと同様に、next.js バージョンを元の 12.1.5 から 12.3.1 にアップグレードする場合は、次のコマンドを実行できます。

npm install [email protected] --save

この手順を実行すると、package.json のバージョンがそれに応じて変更されていることがわかります。

それに応じて、両方のフォルダーの内容が変更されました。 

 

 こうしてバージョンアップは完了です！！！

さらに: アップグレード後にコードのいくつかの場所でエラーが報告された場合は、それを確認してください。現在のバージョンでは、以前のバージョンの一部の構文がサポートされていない可能性があるため、現在のバージョンの要件に従って対応する調整を行ってください。バージョン！