授权页面在 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 时？请指导。

原文由 ganesh 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 Habib Rayan 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

我提供的链接是 bootstrap 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">

原文由 kishan maharana 发布，翻译遵循 CC BY-SA 4.0 许可协议