Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

khatabwedaa's avatar

Laravel Debugbar didn't work after migrate from laravel mix to vite

I just migrate my app from laravel mix to vite and the laravel debug bar stopped working there are many console errors

Uncaught SyntaxError: 61
    at ge (app-f8ae5898.js:1:87123)
    at bt (app-f8ae5898.js:7:22871)
    at Array.qm (app-f8ae5898.js:7:25156)
    at Us (app-f8ae5898.js:2:12233)
    at Bg (app-f8ae5898.js:2:12119)
    at Us (app-f8ae5898.js:2:12497)
    at Lg (app-f8ae5898.js:2:11442)
    at Om (app-f8ae5898.js:7:21056)
    at Jm (app-f8ae5898.js:7:25275)
    at Xm (app-f8ae5898.js:7:25784)
content.js:21 Uncaught TypeError: Cannot read properties of undefined (reading 'tagName')
    at a (content.js:21:3317)
    at c (content.js:21:2972)
    at HTMLDocument.n (content.js:21:2663)
0 likes
5 replies
tykus's avatar

Copy and paste the errors here - we can't see images on your filesystem!

tykus's avatar

It looks like the problems are not with the Debugbar; but with the app.js build. The Debugbar's scripts are not bundled with your application Javascript.

Did you perform the migration from Mix to Shift correctly? Laravel Shift offers a free migration.

tangamampilia's avatar

Same happening to me.... fresh project. Did you find the solution?

Just to clarify, I don't have debugbar installed and only running the default VUE example component.

Please or to participate in this conversation.