身份验证页面在 laravel 中未获取 css

php laravel laravel-6 laravel-ui

2022-08-30 15:24:44

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

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

在此命令之后，我在我的欢迎页面上获得和菜单。现在我的laravel欢迎页面正确加载。但是当我点击登录时，它显示普通的html。我搜索并检查了app.blade.php css和js的链接。它看起来很好。layouts/app.blade.php具有以下链接LoginRegister

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

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

答案 1

第 1 步：

下载 nodejs
在你的电脑中安装 nodejs

第 2 步：

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

命令后，它将在项目内生成文件夹，删除该文件夹。npmnode_module

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

有关帮助，请参阅此视频： https://www.youtube.com/watch?v=hOYW3jqh19I&t=9s

答案 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">