wire:navigate 导致我的模板发生冲突

问题描述 投票:0回答:1

我有一个名为 Minia 的模板,其中包含所有内容(js、tailwind、jetstream、livewire)。但是,当我添加wire:navigate到某个链接时,它会将我带到视图而不加载页面,并且它可以工作,但模板配置完全错误。看来livewire与js文件和样式冲突,导致页面几乎被阻塞。唯一的功能是一些href,其余的不起作用,即几乎100%被阻止,但如果我在新项目中进行相同的练习而不加载任何js等,则wire:navigate可以完美工作而不会引起冲突。

需要注意的是,控制台没有显示任何错误。

//sidebar.blade.php
//here I have the wire:navigate
<li>
    <a wire:navigate href="{{ url('starter') }}" >Starter Page</a>
</li>
//master.blade.php
//here I have the main layout where I add the styles and livewire scripts.
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8" />
    <title>@yield('title') | Minia - Laravel 10 & TailwindCss Admin & Dashboard Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta content="Tailwind Admin & Dashboard Template" name="description" />
    <meta content="" name="Themesbrand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- App favicon -->
    <link rel="shortcut icon" href="{{ URL::asset('build/images/favicon.ico') }}" />
    <!-- css files -->
    @include('layouts.head-css')
    <!-- Styles -->
    @livewireStyles
</head>

<body data-mode="light" data-sidebar-size="lg" class="group">
    <!-- sidebar -->
    @include('layouts.sidebar')
    <!-- topbar -->
    @include('layouts.topbar')
    <!-- content -->
    @yield('content')
    <!-- rtl-ltr -->
    @include('layouts.customizer')
    <!-- script -->
    @include('layouts.vendor-scripts')
    <!-- Scripts -->
    @vite(['resources/js/app.js'])
    @livewireScripts
</body>
</html>

我已经尝试了官方文档中的所有内容,但一无所获。 我已经完成了这一切:https://livewire.laravel.com/docs/installation

'inject_assets' => false,

还有这一切:https://livewire.laravel.com/docs/navigate#javascript-hooks 还有这一切:https://livewire.laravel.com/docs/navigate#dont-rely-on-domcontentloaded

但没有任何效果对我有用。

请帮忙,我想要并且需要在这个模板中使用wire:navigate。我在论坛上检查了 21 个与我类似的问题,但没有一个对我有用。

laravel laravel-blade laravel-livewire laravel-jetstream livewires
1个回答
0
投票

我联系了我正在使用的模板的支持人员(minia),他们告诉我在模板中使用wire:navigate是不可行的,因为它会导致与他们拥有的库和js文件发生冲突。我必须从头开始使用更干净的模板。谢谢大家。

© www.soinside.com 2019 - 2024. All rights reserved.