身份验证页面没有在 Laravel 中获取 css

Question

我是laravel的初学者。我已经创建了项目。我已经对它运行了以下命令。

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

此命令后，我得到Login和Register我的欢迎页面上的菜单。现在我的 Laravel 欢迎页面可以正确加载。但是当我点击登录时，它显示的是纯 html。我搜索并检查了 app.blade.php 中的 css 和 js 链接。看起来不错。layouts/app.blade.php 具有以下链接

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="{{ asset('js/app.js') }}" defer></script>

问题应该出在哪里？当欢迎页面获取 css 时，为什么登录和注册没有获取 css？请指导。

Answer 1

第1步：

• 下载nodejs
• 在你的电脑上安装nodejs

第2步：

• 然后打开你的项目根目录和命令
• composer require laravel/ui
• php artisan ui vue --auth
• npm install
• npm run dev

后npm命令将产生node_module项目中删除该文件夹内的文件夹。

npm命令仅用于.css和.js文件。

如需帮助，请观看此视频：https : //www.youtube.com/watch?v=hOYW3jqh19I&t=9s

Answer 2

这个问题的非常简单的解决方案是使用以下cdn

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

代替

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

我提供的链接是引导 CDN 并检查 . 它会工作和使用

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>

代替

<link href="{{ asset('js/app.js') }}" rel="stylesheet">

Answer 3

我尝试在 laravel 8 中执行以下命令，效果很好

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

Answer 4

有时在这种情况下缓存可能是问题，您可以运行

php artisan cache:clear以及可选的php artisan view:clear.