Build a Blog Using Django, GraphQL, and Vue - Home page not rendering

Open
#542 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
django, graphql, javascript, python

Research direction

Run both the frontend and backend development servers, then open the Home page at localhost:5173 and inspect the error from frontend/router/index.js, especially the PostView.vue import. Compare the router behavior with the expected post-rendering flow. Done means the Home page renders successfully with all posts visible.

Written by the indexing model from the issue text.

Description

ℹ️ Please note that the best way to get support for Real Python courses & articles is to join one of our weekly Office Hours calls or in the RP Community Slack.

You can report issues and problems here, but we typically won't be able to provide 1:1 support outside the channels listed above.

Describe the bug
import PostView from "../views/PostView.vue" in frontend/router/index.js throws error and the view is not rendered

To Reproduce
Steps to reproduce the behavior:
1.Open the entire source code
2.Run both the frontend and backend dev servers
2. Go to '...'
2. Visit the Home page view
3. Observer the view is not rendered

Expected behavior
A fully functional view with all posts rendered

Screenshots
terminal_1
dom_2

Desktop (please complete the following information):

  • OS: Windows 10 Pro for Workstations
  • Browser: Chrome
  • Version:125.0.66.....
Dominant language
Jupyter Notebook
Stars
5.2k
Forks
5.3k
Avg merge
4d 10h
Merged PRs (30d)
10

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from realpython/materials

All issues in realpython/materials

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.