0

我是 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，我将不胜感激。

4

1 回答 1

0

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

npm install 
npm run dev

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

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

于 2021-07-11T15:43:01.623 回答