检查时缺少Laavel Breeze app.css、app.js [英] laravel breeze app.css, app.js missing when inspected
本文介绍了检查时缺少Laavel Breeze app.css、app.js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我对Laravel Breeze和顺风不熟悉。
在成功安装Laravel Breeze并查看/登录页面源代码后,我无法匹配源代码和实际页面源代码,我想知道发生了什么。
在app.blade.php或guest.blade.app中有以下行。
<!-- Styles -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
但在查看登录页面源代码时,它有
<!-- Styles -->
<style>
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent} ...
</style>
<style>
body {
font-family: 'Nunito';
}
</style>
并且未加载任何Java脚本。
我只希望看到指向public/css/app.css
和public/js/app.js
的链接,但这里没有这样的内容。
所以如果有人能解释Laravel Breeze如何在包括css和js方面工作
以及如何将顺风CSS扩展到其他页面,并在其他页面中使用js,我将非常感激。
推荐答案
您需要编译随Breeze一起安装的资产。为此,只需在您的项目目录上运行以下命令:
npm install
npm run dev
如果您检查您的Laravel应用程序上的Public文件夹,您应该会看到已编译的CSS和JS。刷新页面,样式应该看起来正常。
文档参考: https://laravel.com/docs/8.x/starter-kits#laravel-breeze-installation这篇关于检查时缺少Laavel Breeze app.css、app.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文