
Vue.jsを使ったリポジトリを他の端末にgit cloneするもlocalhostが真っ白で何も表示されない場合。
VueRouterが端末にインストールされていないか、移行アシスタントで別のMacにデータを移したかのどっちかの可能性が高い。
VueRouterがインストールされていない場合
ブラウザでhttp://locahostにアクセスして、開発者モードでコンソールのエラー内容を確認すると、
caught Error: Cannot find module './router'
at webpackMissingModule (app.js:17692:50)
at ./resources/js/app.js (app.js:17692:133)
at __webpack_require__ (app.js:18050:41)
at app.js:18191:64
at __webpack_require__.O (app.js:18084:23)
at app.js:18193:53
at app.js:18195:12
とのエラーが表示される。
chatgptさんの指示通り、下記の手順を実行したら解決した。
プロジェクトのルートディレクトリに移動し、以下のコマンドを実行して、vue-routerをインストールしてみてください。
npm install vue-router
vue-routerがインストールされた後、もう一度npm list vue-routerコマンドを実行して、vue-routerが正常にインストールされたことを確認してください。その後、npm run dev(もしくはnpm run serve)コマンドを実行して、問題が解決されるかどうか確認してください。解決された場合は、プロジェクトを再度pushして、更新された状態をリポジトリに反映させておきましょう。
原因
該当アプリケーションのプロジェクトディレクトリにvue-routerがインストールされていなかったことが原因みたい。
インストール後、packege.jsonn
移行アシスタントで別のMacにデータ移行した場合
一回該当アプリのディレクトリを丸ごと削除して、githubからcloneしてくれ。