Laravel6.5 ログイン(login)画面と登録画面(register)画面のレイアウトの崩れを修正

ログイン画面と登録(register)画面のレイアウト崩れをただす方法

Laravelをインストールして、いざ開発してみようとしたらレイアウトが崩れてる。。。

開発環境
・AWS Cloud9
・PHP 7.3.11
・Laravel6.5

Laravelのインストール後、

ターミナル

$ composer require laravel/ui

ターミナル

$ php artisan ui vue --auth

$ php artisan migrate

ターミナル

$ npm install
npm WARN deprecated fsevents@1.2.9: One of your dependencies needs to upgrade to fsevents v2: 1) Proper nodejs v10+ support 2) No more fetching binaries from AWS, smaller package size
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1011 packages from 489 contributors and audited 17168 packages in 26.202s
found 0 vulnerabilities

LaravelはCSS/JavaScriptのファイルをコンパイルする必要があります。

ターミナル

$ npm run dev

> @ dev /home/ec2-user/environment/instaAutoPost
> npm run development


> @ development /home/ec2-user/environment/instaAutoPost
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

12% building 20/23 modules 3 active ...t/node_modules/jquery/dist/jquery.js

こんな感じで出たら無事、ビルド終わりです。

ちゃんと表示されました。

参考ページ
Laravel6.0「make:Auth」が無くなった 〜Laravel6.0でのLogin機能の実装方法〜MyMemo