【React】「Module not found: Error: Can’t resolve ‘web-vitals’ in」というエラー

この記事は約1分で読めます。

ローカルサーバーを立ち上げ用途した時に出たエラー。

web-vitalsモジュールが見つからないようでした。
web-vitalsパッケージをインストールする必要があるので、package.jsonに追加します。

▼package.json

{
// ... 省略 ...
"dependencies": {
"cra-template": "1.2.0",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-scripts": "5.0.1",
"web-vitals": "^3.0.0"
},
// ... 省略 ...
}

その後、ターミナルで(プロジェクトのルートディレクトリで実行しています)

# パッケージをインストール
npm install

すると、無事に解決。ターミナルの表示に以下のように出力され、無事にローカルサーバーが立ち上がりました。

Compiled successfully!
タイトルとURLをコピーしました