-
Notifications
You must be signed in to change notification settings - Fork 283
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Body Not Rendering #12
Comments
Hi, @robwelan. How are your permanent links? If you are using de WordPress default, change to any other permalink. |
I've cycled through all permalink options except for custom. No change unfortunately. In case this helps, this is the html that is rendered between the header and footer sections: |
I've worked out that adding '/development-vue' to my 'base' route (line 19 in index.js in the router folder) helps, as well as making sure 'plain' is not the chosen permalink. I've created a helper file to get |
So it worked? 🤔 |
Yes, with the change I've described (adding window.location.pathname if it does not equal to '' on the router/index.js and the app.js files) |
Close issue, please 😄 |
Thanks so much @raisiqueira for helping out! +1 to awesomeness for you! |
Hello, I'm trying to use the starter theme but i'm not able to render the body either. Specifically, When I open the example Home page, the lists of pages and posts are not rendering on the page. I tried making the changes as stated above, but the list of posts is still not rendering. I am able to access the api via browser so I'm not sure what is going on. Thank you for making the starter theme and I hope that you'll be able to help me! |
Any console errors?
…On Sat, Feb 24, 2018 at 9:50 PM Ivanok ***@***.***> wrote:
Hello, I'm trying to use the starter theme but i'm not able to render the
body either.
Specifically, When I open the example Home page, the lists of pages and
posts are not rendering on the page.
I tried making the changes as stated above, but the list of posts is still
not rendering. I am able to access the api via browser so I'm not sure what
is going on.
Thank you for making the starter theme and I hope that you'll be able to
help me!
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#12 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACtMxxL8m0ypJ-Nq-3coe7q9ReTMEQD9ks5tYNh_gaJpZM4RV4WK>
.
|
No console errors. |
Is the response in Inspector > Network empty? 404?
…On Sat, Feb 24, 2018 at 11:42 PM Ivanok ***@***.***> wrote:
No console errors.
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#12 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACtMx2Ua56Lxk06wBghkVdLgxfxznV3aks5tYPK_gaJpZM4RV4WK>
.
|
There is no 404 at all. |
So maybe there IS a response (200)?
Did you make any changes? No weird CORS type messages? Could you paste the
request with headers, and the response? Say, for the posts requests.
…On Sun, Feb 25, 2018 at 12:16 AM Ivanok ***@***.***> wrote:
There is no 404 at all.
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#12 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACtMx4vtWvCSPK3kNbIa2Ln51bmazwnzks5tYPqugaJpZM4RV4WK>
.
|
Perhaps this is the wrong attachment? Go to Chrome > Inspector > Network
Then reload the page and let us know what you see.
…On Sun, Feb 25, 2018 at 11:53 AM Ivanok ***@***.***> wrote:
I don't see the posts requests on the list at all.
I did another clean installation of the theme files to ensure that I
didn't make any changes. Attached is a screenshot of the network requests.
[image: vue wp requests]
<https://user-images.githubusercontent.com/5210809/36644621-d10f20a8-1a2a-11e8-883d-4a85ec2e12a7.png>
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#12 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/ACtMx8VqJVdCgRhGQd-KohnKbuSwxFDhks5tYZ4ygaJpZM4RV4WK>
.
|
@wester97 I uploaded the wrong attachment and changed it on the previous comment, am just now realizing that since you're responding via email that change did not get to you. Here is the correct attachment: Thank you for the help. |
Hmm, it seems that your requests for Do you see the placeholders for these sections on the homepage? For example: Home.vue loads |
Hmm, please pull |
It works perfectly now! Thank you. |
I am having the same issue while trying to load pages. All pages are blank and only shows I have tried to follow the solution attached but I did not understand which files need to be changed. @robwelan Kindly assist me with the steps guide on how to solve the issue. |
Thank you @EvanAgee for reopening the issue. Did you manage to get a solution on the issue. I have tried everything on my side and I did not manage to solve it. All route-view are rendering an empty div as shown below.
I will highly appreciate for your assistance. |
Just downloaded the project and also having the same problem. I checked the network request and the API calls are returning the correct data and look fine but for some reason the body isn't rendering for posts/pages or home. I tried adding |
So i figured it out, i had the wordpress installation in a subdirectory and it messed up not only the api routing ( had to change API_BASE_NAME ) and it messed up the other routing. Just reinstalled it in the main |
Thanks so much @joshbedo for tracking that down. I should note in the README that this project only works for root-level WP installs. |
@EvanAgee no problem, yeah it would be cool if we could use subdirectories not sure what would be involved to make that happen. |
I've just released an updated version of the project that will address many of these issues. Please note that the paths of the JS and CSS have changed so you may need to update your project. #48 |
On OSX, I have loaded the starter into a MAMP [v4.2.1 (852)] instance. I have run 'npm run watch' and also 'npm run production'. In both cases, the 'header' and 'footer' render, but the body does not. Suggestions? I have fixed a minor issue with the API route (I was getting 404 errors, but I fixed this with a small edit to the app.js (I removed the leading '/'). Calling the api directly from the browser URL works fine (in my case it is 'http://localhost:8888/development-vue/wp-json/wp/v2/categories?sort=name&hide_empty=true&per_page=50').
The text was updated successfully, but these errors were encountered: