発生している2つのエラーについて
- 1つ目
ERROR in ./src/App.js 8:0-50
Module not found: Error: Cannot find file: 'ShopPage.jsx' does not match the corresponding name on disk: '.\src\components\Shop\Shoppage.jsx'.
Module not found: Error: Cannot find file:と言われているので、ファイルがないということですね。
1枚目の画像からわかることとして、
ディレクトリ構造を見ると、components/Shop/Shoppage.jsxというファイル名ですが、コード内では、components/Shop/ShopPage.jsx（pageのpが大文字・小文字で違いがある）となっています。
- 2つ目
ERROR in ./src/App.js 6:0-64
Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Desktop\プログラミング\開発編(React)\ecsite\src'
Module not found: Error: Can't resolveとなっているので、、、
react-router-domがpackage.jsonにあるのか気になりました。
npx create-react-app XXXでアプリケーションを作成した場合、react-router-domは初期状態では用意されていないので、自分でインストールする必要があります。（インストール済みでしたら、すいません）
package.jsonの情報を共有いただけますか？
以下は質問とは直接関係ない内容です。
（絶対こうしてください、ではないですが、一定数の支持は得られる内容ではないかな～と思ってます）
画像の方がわかりやすいケースもありますが、画像の場合は、1枚1枚クリックして確認となるので、回答者によっては、確認しづらい場合があります。
1枚目の画像のフォルダ構造については、画像の方が見やすいと思います。
それ以外のコードは、以下の点からコードスニペットを活用した方が、いいと思いました。
- マウスのスクロールだけで確認できる
- コピペしたい場合も楽
回答する方々に、より配慮された質問内容とするためのアドバイスでした。
3Like