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!

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 Create a React Element

devtools sources cant see the contents of my app.js

I'm following along with the video, and sources can see my files, i can click on index.html and see the source html, i can click on app.css and see the source css. when i click on app.js, it looks empty even though the file is not, and i fi try to console.log(title) in devtools it tells me title is not defined

4 Answers

Miguel Perez
Miguel Perez
33 Points

The same is happening to me... :(

Michal Bednář
Michal Bednář
9,415 Points

I had the same issue and here is my solution for the problem:

When you open for example Chrome Dev Tools, you really can't see what you logged into your console, but you can download React Developer Tools extension for Google Chrome/Mozilla Firefox(it's basically something like Vue Devtools for Vue) on GitHub .

Once you refresh the page, you can see what you logged into your console.

Hope this helped.

Routine Poutine
Routine Poutine
26,050 Points

React Developer Tools is also showing nothing. What else might be the issue?

Do we need to download a package like nodemon for Python's http server to update?

Jeremy Antoine
Jeremy Antoine
15,785 Points

I know this may sound silly, but make sure you have saved your file after typing the 'console.log' line, then refresh the browser window. I was having the same problem until I realized I hadn't saved yet, then I refreshed the page and app.js appeared under Sources in the Chrome DevTools.