如何正确地使用Bootstrap和身份验证启动Laravel 8

Question

每当我想使用 laravel/ui 包和 Bootstrap 脚手架创建带有身份验证路由的 Laravel 8 项目时，都会遇到以下图片：

这意味着 Bootstrap 尚未加载！因此，我需要重新运行 php artisan UI bootstrap 和 npm install && npm run dev，以正确设置它们。

以下是我用于创建新的 Laravel 8 项目的步骤：

Install LARAVEL: laravel new [yourprojectname]
Install LARAVEL UI Package: composer require laravel/ui
Generate UI Bootstrap: php artisan ui bootstrap 
Generate Auth Scaffolding: php artisan ui bootstrap --auth
Install NPM Dependencies: npm install && npm run dev
Running LARAVEL: php artisan serve

但是现在我想要把这件事情在我的脑海中弄清楚，这样我就不必再重新运行代码了。我的意思是，运行一个完整且准备好的项目需要哪些正确的逐步命令？

- user9277271

Answer 1

这些步骤是正确的。对于每个新的Laravel 8.x项目，如果需要包含Bootstrap和认证脚手架，您需要运行以下命令。

composer require laravel/ui
php artisan ui bootstrap --auth
npm install && npm run dev

请注意生成的 /resources/views/layouts/app.blade.php 文件。您希望在所有视图中包含此文件。

请记录生成的 /resources/views/layouts/app.blade.php。您会想要在所有视图中包括它。

@extends('layouts.app')

- Karl Hill

---

你可以同时运行 php artisan ui bootstrap 和 php artisan ui bootstrap --auth，像这样：php artisan ui bootstrap --auth。 - Hooman

出现错误：“Vite清单未在/Applications/MAMP/htdocs/laravelproject/public/build/manifest.json找到”。有什么建议吗？ - Kamlesh

@Kamlesh 也许可以尝试：npm run build - Karl Hill

@Kamlesh 或者全局升级npm：npm i -g npm@latest - Karl Hill

Answer 2

打开Windows PowerShell或CMD并执行以下步骤：

第1步： 在命令提示符或PowerShell中创建Laravel应用程序，输入以下命令:

composer create-project laravel/laravel [你的应用名称]

创建完应用程序后，输入 php artisan serve在浏览器中运行此应用程序。

运行完毕后....... 现在，这是我解决问题的方法，首先关闭当前的PowerShell或CMD选项卡(如果应用已经在运行也没关系)，然后重新打开PowerShell或CMD。 这次执行以下操作： (在这些步骤期间不要尝试运行您的应用程序或PHP Artisan Serve)

第2步: 通过输入以下命令安装Laravel UI：

composer require laravel/ui

第3步: 通过输入以下命令生成Bootstrap UI：

php artisan ui bootstrap

第4步: 通过输入以下命令安装npm：

npm install

第5步: 如果npm安装完成，请输入：

npm run dev

第6步: 现在通过输入以下命令安装身份验证脚手架：

php artisan ui bootstrap --auth

第7步: 再次通过输入以下命令安装npm：

npm install

第8步: 再次运行以下命令:

npm run dev

完成第8步后，测试并运行您的应用程序: php artisan serve

- Ariful Asfake Sunny

---

我猜 php artisan ui bootstrap --auth 包含了 php artisan ui bootstrap 。那么，你为什么说要分别运行两个命令呢？ - Zain Shabir

Answer 3

你可以从头开始尝试：

创建项目

composer create-project --prefer-dist laravel/laravel blade-example-app

前往目录

cd blade-example-app

用户界面命令

composer require laravel/ui

使用Bootstrap进行身份验证

php artisan ui bootstrap --auth

运行依赖项

npm install && npm run dev

运行迁移

php artisan migrate

运行该项目

php artisan serve

- shovon lal

Answer 4

1. 使用以下命令安装最新的 Laravel 项目： laravel new (project_name)

2. 通过 Composer 安装 Laravel 的 UI 包： Composer require laravel/ui

3. 在安装 UI 包后，请安装 UI Bootstrap php artisan ui bootstrap 运行一个用于 Bootstrap 认证的命令 php artisan ui bootstrap --auth

4. 最后运行命令 npm install && npm run dev 或者 npm install 和 npm run dev，现在您已经完成了 Laravel 的身份验证系统

5. 运行命令 php artisan serve

- Mubashar Ayub

Answer 5

刚刚升级到php -v 8.0.*并运行npm install && npm run dev，因为现在laravel默认安装vite包，而vite需要php -v 8。

- Syed Shazeedul

---

你可能会喜欢这些信息，以使你的帖子更具吸引力和可读性。https://stackoverflow.com/editing-help - Yunnosch

Answer 6

你可以在layouts/app.blade.php中传递bootstrap css链接，然后在每个引用了Extends('layouts.app')的页面中调用bootstrap。

- MARCUS KASUNI

---

这并没有回答问题。一旦您拥有足够的声望，您将能够评论任何帖子；相反，提供不需要询问者澄清的答案。- 来自审核 - Lajos Arpad

这是一个愚蠢的想法。你不会得到任何有关引导依赖项的更新。如果你例如包含CDN链接，你将变得依赖外部链接。如果该CDN宕机，你的网站将失去所有样式。如果你手动将Bootstrap包含在你的网站中，你需要维护它并将所有JS和CSS文件包含到你的项目中。 - Martijn Hiemstra