引っ越し|Vue.js リポジトリをgit cloneするもlocalhostが真っ白

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してくれ。

無制限に質問可能なプログラミングスクール!

万が一転職できない場合は、転職保障全額返金できるコースもあり!!

無制限のメンター質問対応

 

DMMウェブキャンプでプログラミングを学習しませんか?

独学より成長スピードをブーストさせましょう!

 

まずは無料相談から!

おすすめの記事