Coder Social home page Coder Social logo

Comments (6)

yuxxeun avatar yuxxeun commented on July 17, 2024 2

y'all can use @include('notify::components.notify') instead of <x:notify-messages/>, if y'all still want to use <x:notify-messages/> u should make component with php artisan make:component notify-messages command and put all the reuqirement to that file

from laravel-notify.

rgbjay avatar rgbjay commented on July 17, 2024 1

@loglinn05 Switching to using @include('notify::components.notify') instead seems to fix the problem.

Would indicate an issue with the implementation of Laravel Blade Components I suppose.

Hope that helps you.

from laravel-notify.

loglinn05 avatar loglinn05 commented on July 17, 2024

I've just deleted <x:notify-messages />, and the error disappeared, but I still don't see any toast.

from laravel-notify.

rgbjay avatar rgbjay commented on July 17, 2024

I am having this same issue. Using <x:notify-messages/> results in

Unable to locate a class or view for component [notify-messages].

This is on Laravel 10 using v2.4. Was working fine on Laravel 8 & 9.

from laravel-notify.

chadpriddle avatar chadpriddle commented on July 17, 2024

Same issue, was working well with Laravel 9 and then I did composer update and got the same error

from laravel-notify.

josephT273 avatar josephT273 commented on July 17, 2024

first i imported
@notifyCss and @notifyJs then finally imported @include('notify::components.notify') and it works

here is sample code

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
    <!-- Scripts -->
    @notifyCss
    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>

<body class="font-sans antialiased">
    <div class="min-h-screen bg-gray-100">
        @include('layouts.navigation')
        @include('notify::components.notify')
        <!-- Page Heading -->
        @if (isset($header))
            <header class="bg-white shadow">
                <div class="px-4 py-6 mx-auto max-w-7xl sm:px-6 lg:px-8">
                    {{ $header }}
                </div>
            </header>
        @endif

        <!-- Page Content -->
        <main>
            {{ $slot }}
        </main>
    </div>
    @notifyJs
</body>

</html>

from laravel-notify.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.