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 Interactive Web Pages with JavaScript Selecting Elements and Adding Events with JavaScript Perform: Event Handling

Why is my app.js totally blank through the workspace preview?

Following along with Chalkley, I'll preview my work through the workspace and inspect the app.js file through the chrome developer tools only to find that the app.js file is totally blank through the developer tools. The work is saved, I've opened and close the workspace a number of times now and nothing works, it is always blank, I downloaded the workspace on my localhost and the app.js file loads fine on my localhost. Something goofey is going on through the workspace.

Ben Foster
Ben Foster
950 Points

Same problem for me

2 Answers

Christian Araya
Christian Araya
2,761 Points

I'm having the same issue myself. I'm not exactly sure what the problem is. I'm thinking it has something to do with how the Workspace opens and saves documents.

I was able to resolve it though by downloading Chalker's project files and upload them into the workspace. It should work.

Launch Workspace -> Launch Different Workspace -> select and delete all files currently in the workspace -> upload each one and make sure they're in their respective folders (html doc should be outside css and js folders -> preview -> click add -> console should spit out console.log text

I was able to pull up app.js by pulling up the Developer Tools and going to Resources -> Frames -> (port-80...) -> Scripts -> app.js.