Fault in one vue component prevents all from working in laravel

I am developing a Laravel + vuejs app. I use Laravel mix to manage the component registration etc. I have a number of vue components for various parts of my application

In one of them, I have this line that causes an error

 this.map.on('dragend',function(){console.log('Dragend Event')})

That produces this error:

bundle.js:53526 Uncaught TypeError: Cannot read property 'on' of null

Laravel mix does not error on build, this error only appears at runtime

Now, the error itself is not that big a deal. I can fix it what worries me is that because Laravel mix bundles all the components together it means that no component is now working

Every page I visit has the same issue. is there a way to segregate out the components.

So if I have a failure on a component how to I make sure it only affects the page where those components are needed? and not the whole site.

from Newest questions tagged laravel-5 - Stack Overflow https://ift.tt/2OYNOgW
via IFTTT