Level 102
Where does it say the unexpected token is?
Does it work if you replace <livewire:trade.execution-tab-form :executionId='{{ $execution->id }}' />with {{execution->id}}
Jun 29, 2022
10
Level 6
syntax error, unexpected token "<"
I have some simple html in a component which looks like this,
<div role="tabpanels" class="mb-2 bg-white border border-blue-700 rounded-b-md">
@foreach ($trade->executions as $execution)
<livewire:trade.execution-tab-form :executionId='{{ $execution->id }}' />
@endforeach
</div>
It seems fine to me, I even dd the $trade before the render is called in the livewire component and its got all the bits it should have in all the right places.... so I am kind of stuck... what have I done?
Level 6
@Sinnbeck It is the livewire call that generates the error... and yes, if I replace it with just the {{$execution_id}} there is no error......
Level 102
@PeterF Can you then show the trade.execution-tab-form ?
Level 6
@Sinnbeck That is a pile of boring HTML in a section element that starts like this....
<section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
:aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="p-8" wire:key="tab-section">
Level 102
@PeterF You are not closing it?
<section x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))"
:aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="p-8" wire:key="tab-section">
</section> //added
Level 6
@Sinnbeck nah... thats not it... I just snipped for readability.... its closed and there are a stack of blocks inside that have nothing exciting... no livewire or alpine or anything...
Level 102
@PeterF Well you seem to have an extra < somewhere. And removing that component removes the error, to that component must have something to do with the error.
Level 122
The "unexpected token" must be in php not your html
Livewire can confuse error reporting , falsely showing the view as the issue, so I would look in your component code.
1 like
Level 6
Level 1
I was having the same problem and what solved it was removing the "{{ }}" because the ":" already indicates that it is a php code
2 likes
Please or to participate in this conversation.