Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

React

Arctic Leaf
PLUS
Arctic Leaf
Courses Plus Student 40,741 Points
Posted by Arctic Leaf
Arctic Leaf
Courses Plus Student 40,741 Points

Components Not Rendering

My solution for this workshop is the same as yours. However, when I start up my local dev server, the Planet components are not rendering to the page. I've inspected the console and there are no errors there or on my terminal. Is it possible that this is an outdated setup for a React project, as there's no App.js file. Wondering why my components are not being outputted to the page despite having no errors and having essentially identical code in the main.jsx file.

EDIT: I thought my question would get appended to the specific video's question list, but I guess not. I'm specifically referring to this video: https://teamtreehouse.com/library/practice-react-component-rendering-3/one-solution#questions

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

Automatic association with a video depends on how you post the question. You might want to take a look at this video about Posting a Question.

1 Answer

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hey Arctic Leaf 👋

It's hard to tell what the issue with your code is without seeing it. The setup for the React project used in the videos and project files is not outdated, it's just a simplified, stripped down version of what you get when initializing a new project with Vite 🙂

I just had a look at the project files provided in the Downloads tab and the finished project in the /end folder seem to be working as shown in the video on my end. Maybe you can use those files to compare it to the code you've written to see if there are any differences in code or setup that may cause the issue.

If that doesn't help feel free to share a link to a GitHub repository so we can checkout your code and we'd be happy to have a look 😄