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

JavaScript React Basics (2018) First Steps in React Embed JavaScript Expressions in JSX

Posted by Adam Fields
Adam Fields
4,487 Points

I am following along but Im not getting the same results the instructor nothing appears what am I doing wrong

/Html I added the script tags as instructed the original cdn for react had crossorgin before the src and it would be highlighted in red to signify there was an eror when i took cross origin out it was fine but for some reason its not working/

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Scoreboard</title> <link rel="stylesheet" href="./app.css" /> </head>

<body> <div id="root"></div>

  -----> <script  src="https://crossorgin/unpkg.com/react@16/umd/react.development.js"></script>
 ----->  <script  src="https://crossorgin/unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
   ------> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
   -------> <script type="text/babel" src="./app.js"></script>

</body> </html>

//javascript const title= "This is my new title"; const desc= "This a header";

const header= ( <header> <h1>{title}</h1> <p>{desc}</p> </header>

);

ReactDom.Render( title, desc );

Steve Gallant
Steve Gallant
14,943 Points
Steve Gallant
Steve Gallant
14,943 Points

Hi Adam, Please see here https://teamtreehouse.com/community/posting-code-to-the-forum to properly format your code for review and assistance.

Are you getting errors in the console? If so, post those up here too. thanks, Steve

2 Answers

Tadeáš Kapic
Tadeáš Kapic
8,367 Points
Tadeáš Kapic
Tadeáš Kapic
8,367 Points

If anybody else is struggling with the same problem - problem must be in the babel script you've pasted into the html. Check for misspelling and additional spaces.

Or just copy and paste this again:

<script type="text/babel" src="./app.js"></script>
Christopher Hardy
Christopher Hardy
6,071 Points
Christopher Hardy
Christopher Hardy
6,071 Points

Adam Fields I am having the same problem. My code looks correct, but nothing is showing in the browser, nor is the code showing up in the dev tools. Did you find a solution?

Christopher Hardy
Christopher Hardy
6,071 Points
Christopher Hardy
Christopher Hardy
6,071 Points

Update, I still don't know what I did, but I went ahead and downloaded the project files for this lesson and copy pasted into my workspace. Its working just fine now.

I must have made some stupid little one character mistake somewhere in the script links. Those are the worst!