检查时缺少Laavel Breeze app.css、app.js [英] laravel breeze app.css, app.js missing when inspected

问题描述

我对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屋！