Open exequeryphil opened 7 years ago
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 ?
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.
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.
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
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
});
});
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?