laravel 微风 app.css，app.js 在检查时丢失答案

【问题标题】：laravel breeze app.css, app.js missing when inspectedlaravel 微风 app.css，app.js 在检查时丢失
【发布时间】：2021-06-06 02:17:30
【问题描述】：

我是 Laravel Breeze 和顺风的新手。

成功安装 Laravel Breeze 并查看 /login 页面源后，我无法匹配源代码和实际页面源，想知道发生了什么。

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

并且没有加载任何 javascript。

我希望只看到指向 public/css/app.css 和 public/js/app.js 的链接，但这里没有这样的东西。

所以，如果有人能解释一下 Laravel Breeze 在包含 css 和 js 方面是如何工作的
以及如何将tailwind css扩展到其他页面并在其他页面中使用js，我真的很感激。

【问题讨论】：

标签： laravel laravel-8 laravel-breeze

【解决方案1】：

您需要编译使用 Breeze 安装的资产。为此，只需在项目目录中运行以下命令：

npm install 
npm run dev

如果您检查 Laravel 应用程序上的 Public 文件夹，您应该会看到已编译的 CSS 和 JS。刷新页面，样式应该没问题。

文档参考： https://laravel.com/docs/8.x/starter-kits#laravel-breeze-installation

【讨论】：