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 Build a Simple Dynamic Site with Node.js HTTP Methods and Headers Sending Content Type Headers in Node.js

Francis N
Francis N
10,376 Points
Posted by Francis N
Francis N
10,376 Points

Not able to display avatar image [RESOLVED]

Followed the video step by step but am not able to display the avatar image

Here is a snapshot of my workspace: https://w.trhou.se/egsrzaxe8a

2 Answers

Francis N
Francis N
10,376 Points
Francis N
Francis N
10,376 Points

nevermind fixed typo

was avatarURL. changed it to avatarUrl

thanks.

Eric Thompson
Eric Thompson
9,858 Points
Eric Thompson
Eric Thompson
9,858 Points

I was having this problem as well. In the video, Andrew has it as avatarURL, but if you open the Chrome Dev Tools and use the Elements search, you will see the following:

<img src="{{avatarUrl}}" alt="Avatar" id="avatar">

I went back and updated my code with avatarUrl and that fixed it:

avatarUrl: profileJSON.gravatar_url,

NOTE: It may not show up right away. Do a page refresh and then you should see the avatar pic appear.