Laravel 微风中的用户下拉菜单不起作用[在全新安装中]

Question

我已经在 Laravel 中安装了新项目。之后，我安装了 Laravel Breeze 包。

首先，当我单击注册链接转到 /register Uri 时，收到以下错误： “npm 错误！缺少脚本：'build'”

然后，我按照“https://stackoverflow.com/questions/72798465/vite-manifest-not-found-at-c-users-hp-example-app-public-build-manifest-json”中的说明进行操作说要安装“vite”和“laravel-vite-plugin”，然后像这样更新package.json：

  "scripts": {
        "dev": "vite",
        "build": "vite build"
    }

我做到了。然后我运行“npm run build”。通过这样做，注册和登录就可以完美地工作。我可以成功登录。登录后，我重定向到 /dashboard Uri。

但是，在“仪表板”中，当我点击右上角的用户头像（我的名字标题）时，下拉菜单不起作用。下拉菜单应该打开，其中包含注销链接，但它没有打开。

我安装了另一个项目并一次又一次重复上述过程，但下拉菜单不起作用。我的 app.blade.php 包括 @vite(['resources/css/app.css', 'resources/js/app.js'])

我什至将 JQuery 脚本包含到 app.blade.php 中，但它也不起作用。

我能做什么？有什么建议吗？

Answer 1

当您向微风脚手架添加火线时，很可能会发生此问题。当您添加 livewire 时，您将运行 multipine alpineJS。要解决这个问题，您必须从 app.js 中删除 alpineJS 的导入。 如果将其删除，仪表板和个人资料页面将不会有 alpineJS 的下拉列表。 要解决此问题，请将 @livewireScripts 添加到您的应用程序布局页面。

Answer 2

我意识到在app.blade.php中拥有@vite(['resources/css/app.css', 'resources/js/app.js'])是不够的。

您还应该手动将这两个添加到app.blade.php：

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

<script src="{{ asset('js/app.js') }}"></script>

我这样做了，问题就解决了。