我是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？请指导。
答案 0 :(得分：8)
此问题的非常简单的解决方案是使用以下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">
答案 1 :(得分：4)
步骤1：
第2步：
composer require laravel/ui php artisan ui vue --auth npm install npm run dev 要获取帮助，请观看以下视频：https://www.youtube.com/watch?v=hOYW3jqh19I&t=9s
答案 2 :(得分：3)
我尝试在 laravel 8 中执行以下命令，效果很好
composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install
npm run dev
npm run production
答案 3 :(得分：2)
在某些情况下，有时可能会出现缓存问题，您可以运行
php artisan cache:clear，还可以选择php artisan view:clear。
答案 4 :(得分：1)
您可以从此处下载这两个文件：
然后将 css 和 js 文件夹创建到 public 文件夹中：
CSS文件： app.css 进入project_folder / public / css /
JS文件： app.js 进入project_folder / public / js /
对我有用。我认为它也会为您服务。谢谢。
答案 5 :(得分：1)
我在 laravel 8 中尝试了以下命令，效果很好，您也可以尝试一下。
composer require laravel/ui
php artisan ui bootstrap --auth
npm install
npm run dev
npm run production
答案 6 :(得分：1)
运行
npm installnpm run devnpm run watch 用于继续编译答案 7 :(得分：1)
您必须使用 npm run watch 命令编译软件包。之后你可以运行 npm run dev
答案 8 :(得分：0)
对我来说，它只是npm run dev命令。
在我的ubuntu 19.10中，它必须与sudo一起运行
答案 9 :(得分：0)
您需要清除浏览器上的缓存。要确认进入隐身模式，然后再次尝试输入您的网址。如果可行，那就是问题所在。
答案 10 :(得分：0)
我在 Laravel 版本 7 中实现 composer require laravel/ui 时遇到了同样的问题，但我按照以下步骤修复了它。
第一：
第二：运行这个命令
composer require laravel/ui
安装 laravel/ui 包后，您可以使用 ui Artisan 命令安装前端脚手架：
// Generate basic scaffolding...
php artisan ui bootstrap
php artisan ui vue
php artisan ui react
// Generate login / registration scaffolding...
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth
要在项目中生成 node_module 文件夹，请运行以下命令
npm install
使用 npm install 安装依赖项后，您可以使用 Laravel Mix 将 SASS 文件编译为纯 CSS。 npm run dev 命令将处理 webpack.mix.js 文件中的指令。通常，您编译的 CSS 将放在 public/css 目录中：
npm run dev
有时您可能需要运行此命令 npm audit fix 或 npm audit fix --force 来修复某些软件包（如果需要）。
也许一段时间后，通过运行此命令 npm run dev 或 npm run watch，它会显示如下错误。
@ dev C:\xampp\htdocs\Auth
npm run development
@ development C:\xampp\htdocs\Auth
mix
Additional dependencies must be installed. This will only take a moment.
Finished. Please run Mix again.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
再次运行 npm run watch 它将在成功后启动 Mix █████████████████████████ emitting (95%) 构建也会成功。
答案 11 :(得分：0)
解决方案
首先进入你的项目根文件夹 C:\Whatever\Your_project_name>
composer require laravel/ui
根据您的前端框架尝试以下任何命令。
php artisan ui vue --auth
php artisan ui bootstrap --auth
php artisan ui react --auth
最后不要忘记运行
npm install
如果您的用户界面无法正常工作，请尝试以下命令。
npm run production
如果以上命令对您不起作用。
原因：错误是因为执行完所有命令后public/css/app.css中没有css代码，但该文件夹中仍然没有代码。 >
从此处获取文件或代码 https://github.com/sabaoonbedar/Css-File-For-Laravel-Developers/tree/master 并将其放入您的项目 public/css/app.css 或如果不存在，则创建类似的文件夹。
答案 12 :(得分：0)
在我看来，您的 node.js 版本已过时。只需更新 Node.js 并从头开始安装 laravel ui 等。
composer require laravel/ui
php artisan ui vue
php artisan ui vue --auth
npm install
npm run dev
希望能解决问题。
答案 13 :(得分：0)
此命令适用于我的机器命令。
npm run dev
答案 14 :(得分：-1)
运行命令：
npm uninstall popper.js && npm i @popperjs/core
删除不赞成使用的软件包并安装其新的Popper v2。
答案 15 :(得分：-1)
公开您的 CSS。我的意思是将您的 CSS 文件保存在您项目的公共目录中。 你的 css 文件应该在：yourprojectname\public\css\app.css