Footer tag issue + loading nothing

[exequeryphil]

So this looks really cool. But there are two issues.

Gulp reports no closing tag. And it's definitely not there. Check Footer.vue.

When I fixed that and ran gulp serve, the process was error-free and everything seemed fine, but localhost:8080 returned an empty page. I'm not seeing errors anywhere so I'm not sure how to debug?

[bedakb]

Hi @exequeryphil thanks for reporting issue - I've fixed the wrong closing tag in Footer.vue.

Recently I pushed fixes for the #1 and #2 , could you please pull changes and check It now ?

Also have you followed and activated all required Plugins ? What Node version you have installed ?

[exequeryphil]

I have my Wordpress installation on remote server, and mysql port 3306 is open and handling requests. What settings should I use for the .env file if I want to run the Vue app locally? Is it even possible to test the Vue app locally with a remote WP install?

The REST API plugin is installed and working. I'm using Node version 7.4.0.

[bedakb]

I guess you are mean that you have remote WP Database and WP Locally.If you do, then It should work properly with remote db, just fill .env with correct credentials.

[lyzs90]

im doing something similar, with my wordpress/mysql running on docker. it works fine if i pre-bundle and visit the site directly. got to find a way to make it work with gulp serve so i get to enjoy the good stuff 😄

i had to move <div id="app"></div> to footer.php above the wp_footer though. if i leave it in index.php, it says that #app cant be found and wont render Vue properly

[lyzs90]

figured it out 😄 turns out i just had to proxy through my wp server

gulp.task('browser-sync', function(){
  browserSync.init({
    proxy: 'http://<WP_IP>:<WP_PORT>',
    port: 8080,
    open: true,
    browser: 'chrome',
    notify: false
  });
});