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 (retired) First Steps in React Our First Application

jugnu gill
jugnu gill
1,779 Points
Posted by jugnu gill
jugnu gill
1,779 Points

The exercise is not working for me. I still see loading in browser and react Dom error in console.

The exercise is not working for me. I see error in console saying can't find ReactDOM

Laura Jackson
Laura Jackson
9,519 Points
Laura Jackson
Laura Jackson
9,519 Points

I am getting that too. It's annoying and there is nothing different to the video. Even when I have downloaded the project.zip it is not working.

Even when using workspaces it comes up with the error:

app.jsx:1 Uncaught ReferenceError: ReactDom is not defined at eval (eval at transform.run (babel-browser.min.js:4), <anonymous>:4:1) at Function.transform.run (babel-browser.min.js:4) at exec (babel-browser.min.js:4) at babel-browser.min.js:4 at XMLHttpRequest.xhr.onreadystatechange (babel-browser.min.js:4) (anonymous) @ app.jsx:1 transform.run @ babel-browser.min.js:4 exec @ babel-browser.min.js:4 (anonymous) @ babel-browser.min.js:4 xhr.onreadystatechange @ babel-browser.min.js:4 XMLHttpRequest.send (async) transform.load @ babel-browser.min.js:4 run @ babel-browser.min.js:4 runScripts @ babel-browser.min.js:4

3 Answers

Ernesto Salazar
Ernesto Salazar
21,555 Points
Ernesto Salazar
Ernesto Salazar
21,555 Points

Laura Jackson The error says that ReactDom is not defined while is actually ReactDOM :D

silvercoder
silvercoder
11,113 Points
silvercoder
silvercoder
11,113 Points

It didn't work for me initially, I had a typo, the code I used:

ReactDOM.render(<h1>Hello!</h1>, document.getElementById('container'));
Jeisson Rueda
Jeisson Rueda
384 Points
Jeisson Rueda
Jeisson Rueda
384 Points

It worked when I typed the final code:

function Application() {
    return (
        <div>
            <h1>test working</h1>
            <p>test</p>
        </div>  
    );
}

ReactDOM.render(<Application/>, document.getElementById('container'));