I've created a custom tool in Laravel Nova that contains two Vue components loaded within the main Tool.vue component. While the tool itself works perfectly when loaded, I'm encountering a navigation issue:
Current Behavior:
The tool loads and functions correctly initially
When trying to navigate to other Nova pages (resources or tools):
The URL changes correctly
But the new page content fails to load
Refreshing the page manually fixes the issue temporarily
Expected Behavior:
Smooth navigation between the custom tool and other Nova pages without requiring page refresh
Environment
Laravel Nova version: 4.25.1
Laravel version: 10.10
Question
Has anyone encountered similar navigation issues with custom Nova tools? I suspect there might be something in my tool's implementation that's interfering with Nova's navigation system.
Would appreciate any insights on:
Common causes of this behavior
Best practices for handling component cleanup when navigating away from custom tools
I encountered this bug today and I found it's cause after spending 2 - 3 hours on it. I was putting a comment line on top of my wrapper "div" just under the "template". This single comment line was causing this bug. It was fixed after I removed it.