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
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
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 Poutine26,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 Antoine15,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.