Create React Appのエラーの解決方法を知りたいです

Question

Create React Appの利用を初めて試みているのですが、
プロジェクトの実行先(http://localhost:3000)でエラーが出てしまいます。
解決方法を教えていただきたいです。

環境：Mac OS Sonoma14.5

1.Create React Appによるプロジェクトを作成する為、
Visual studio Codeのターミナル内で以下のコマンドを打ちました。

実行コマンド
npx create-react-app my react

2.その後、my reactというプロジェクトはできているような感じでしたが、
プロジェクトの実行のため、下記のコマンドで実行を行いますと、
実行先のhttp://localhost:3000で下記のエラーが出てしまいます。

実行コマンド
cd my-react
npm start

エラー

Compiled with problems:
ERROR in ./src/reportWebVitals.js 5:4-24
Module not found: Error: Can't resolve 'web-vitals' in '/Users/design/my-react/src'

よろしくお願いいたします。

Comments

[退会済みユーザー]

my reactとmy-reactは違うという認識はありますか？

[javastudy]

アドバイス、ありがとうございます。
勉強になりました。

Answer 1

実行コマンド
npx create-react-app my react

まず、タイプミスだと思いますが、my reactではなく、my-reactですね。

Module not found: Error: Can't resolve 'web-vitals'

エラーの理由はエラーメッセージの通りです。
web-vitalsをインストールしてください。
（save-devはつけてもつけなくても良い）

npm install --save-dev web-vitals

Comments

[javastudy]

ありがとうございます。
無事に解決することができました。
reactは、まだ全く何が便利なのかが見える気配がないです....
引き続き勉強しております。また機会がございましたら、よろしくお願いいたします。
非常に助かりました。