Help us understand the problem. What is going on with this article?

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

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

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

開発環境
・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

npm run dev.png

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

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

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away