Undefined Variable in Laravel 7 Components

Question

I have a weird issue where I'm setting a variable for a Laravel 7 Component to be displayed in the component. While it works in my development environment (MAMP on MacOS) it does not work when I load it to my shared hosting in HostGator. In HostGator it throws a 500 error complaining about "Undefined Variable: page_title".

Any ideas as to what could be happening here?

App/Components/Layout/ContentHeader.php

class ContentHeader extends Component
{
    public $page_title;
    public $breadcrumbs = [];

    /**
     * Create a new component instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->page_title = 'Some title';
        $crumb = new \stdClass();
        $crumb->label = 'Home';
        $crumb->active = false;
        $this->breadcrumbs[] = $crumb;

        $crumb = new \stdClass();
        $crumb->label = $this->page_title;
        $crumb->active = true;
        $this->breadcrumbs[] = $crumb;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\View\View|string
     */
    public function render()
    {
        return view('components.layout.content-header');
    }
}

<!-- Resources/views/components/layout/content-header.blade.php -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1 class="m-0 text-dark">{{ $page_title }}</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    @foreach ($breadcrumbs as $crumb)
                        @if (!$crumb->active)
                            <li class="breadcrumb-item"><a href="#">{{ $crumb->label }}</a></li>
                        @else
                            <li class="breadcrumb-item active">{{ $crumb->label }}</li>
                        @endif
                    @endforeach
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->```

how do you define component tag in your view?

TEFO
– TEFO

2020-03-20 21:45:40 +00:00
Commented Mar 20, 2020 at 21:45 — TEFO
– TEFO, Commented Mar 20, 2020 at 21:45
Did you find a solution? I have the same issue. Thanks.

user3251285
– user3251285

2020-09-19 01:50:09 +00:00
Commented Sep 19, 2020 at 1:50 — user3251285
– user3251285, Commented Sep 19, 2020 at 1:50

cfscastillo · Accepted Answer · 2020-10-02 03:38:14Z

11

I had the same issue earlier. My bug was the lowercased name of my component. It should be UpperCase first then I also had to change the namespace to uppercase. Next I had to clear laravel view

php artisan view:clear

answered Oct 2, 2020 at 3:38

cfscastillo

1311 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lars02_ · Accepted Answer · 2021-04-28 14:03:50Z

3

There is a whole conversation about this on GitHub. The solution is pretty simple

Your components controller is in lowercase and should be with Uppercase. Go here for the conversation

answered Apr 28, 2021 at 14:03

Lars02_

866 bronze badges

1 Comment

Semih Arslanoglu Over a year ago

Links can get broken, in case for that can you also copy related conversation here also?

Collectives™ on Stack Overflow

Undefined Variable in Laravel 7 Components

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related