spark2 + echo ReferenceError: Echo is not defined

Hey CitizenZed, I can definitely vouch for the Echo bootstrap issue. I spent a good amount of time troubleshooting that one today. I didn't have to touch the CSRFToken though.

I am in a similar situation - following along with Taylors Echo tutorial everything is working up to introducing Ech into the app.

I have tried moving the import around and it doesn't seem to make a difference where I put it, I continue to get "echo is not defined".

Yes, I ran the npm installer, still no luck...

Any help would be greatly appreciated.

Laravel out of the box imports the bootstrap.js file from app.js ( see https://github.com/laravel/laravel/blob/master/resources/assets/js/app.js )

Whereas, Spark imports spark-bootstrap.js instead, which does more-or-less the same thing.

So, instead of putting the import Echo from "laravel-echo" at the top of the app.js file, you can just include the bootstrap/echo.js file from the demo, but it must be required before require('./components/bootstrap');

Hence, app.js looks like:

require('spark-bootstrap');

require('./bootstrap/echo');

require('./components/bootstrap');

var app = new Vue({
    mixins: [require('spark')]
});

@nisbeti Thank you, that was really helpful.