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
Christopher Steitz
29,749 PointsGetting errors and also no CSS is being applied
I have no idea where the problem could have came from so I actually just downloaded the finished code of this video and pasted it over my code and am still getting the same errors. Also the CSS has never been applied whenever I tried to open it. the errors are:
Warning: validateDOMNesting(...): <h1> cannot appear as a descendant of <p>. in h1 in p warningWithoutStack @ react-dom.development.js:500 react-dom.development.js:500 Warning: validateDOMNesting(...): <p> cannot appear as a descendant of <p>. in p in p warningWithoutStack @ react-dom.development.js:500
I have used http-server and python -m SimpleHTTPServer 8000 to look at the page and I've opened it in Chrome and Firefox and still have these errors and no CSS applied. Does anyone know how to fix this?
1 Answer
Eyanjem Etta-Ashu
Full Stack JavaScript Techdegree Graduate 18,260 PointsFor your first error it seems that you have a <h1> as a child of a <p> . Swapping the order and making the <p> a child of <h1> should do it.
louiecamacho
10,980 Pointslouiecamacho
10,980 PointsIt'll help to see your code