Laravel8.xでユーザー認証付きの新規プロジェクトを作る方法


Laravel8.xでjetstreamが入った新規プロジェクトを立ち上げるのにとてもハマりましたので、各ハマりポイントの解消方法と合わせて書きます。

この記事の対象読者

超初心者でlaravelを使って何か作りたい人。

開発環境

MacBook Pro
MacOS Big Sur ver.11.1
Laravel Framework 8.24.0
mysql Ver 8.0.23 for osx10.16 on x86_64 (Homebrew)

完成イメージ

いきなりユーザー認証機能がついててめっちゃ便利です。
見にくいですが最初から右上にLoginとRegisterがついています。

ログイン画面

レジスター画面

立ち上げるだけでこんな機能がついてるとか最高です。ただlaravel8.xで新規プロジェクトを作るのは初めてでつまづきまくりました。同じような初心者の人のためにハマったポイントをあわせて書きます。

新規プロジェクトの作成

まずこれに従い新規プロジェクトを作成。
https://kawax.biz/laravel8-create-project/

DBの接続

mySQLでテーブルを作りlaravelに接続。->mySQL8.0はlaravelにそのままでは繋げられない
認証方式を変える必要がある。
以下の記事参照
https://qiita.com/kim_kou/items/11420f1aa885638865fb
php artisan migrate
を実行。これが通ればDBはok。

npm run devをする

npm install
を実行。
で自分の開発環境ではエラーが出ました。XCodeのエラーなんちゃらって出てたので調べたところ、
この記事にしたがってXCodeをインストールしたら解決しました。インストールにはめっちゃ時間かかります。
https://www.it-swarm-ja.tech/ja/xcode/xcodeselect%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E9%96%8B%E7%99%BA%E8%80%85%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%A8%E3%83%A9%E3%83%BC/1040649559/
インストールできたらzipを開いて(これもめちゃ時間かかる)XCode.appを/Applications以下に配置します。

これでnpm installが通ったがnpm run devはまだエラーが出ました。
こんなエラー。

Invalid regular expression: /(\p{Uppercase_Letter}+|\p{Lowercase_Letter}|\d)(\p{Uppercase_Letter}+)/: Invalid escape

原因はnode v8.11.4で行っていた為でした。
nodeのバージョンを最新版にしたらnpm run devが通って無事構築できました。