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

HTML HTML Basics Going Further with HTML Working on a Website Project Locally

Raheem Wright
Raheem Wright
1,991 Points

Problems with Atom!?

Hi all,

Can someone tell me if their text editor(atom) had problems making changes to your project ? For instance, I would make and save changes, but it doesn't appear in the browser when I open it.

9 Answers

Not sure if it works best on a Mac. Should work fine on any OS.

I'm sorry that I wasn't more of a help. Maybe a mod will have a better answer?

For right now, I'd recommend just using Workspaces and move forward.

Hi, Raheem!

Something that I caught myself doing was forgetting to save the file in Atom before refreshing the page in the browser. I thought that I had saved, but likely miskeyed the keyboard shortcut. I mention this because, I exhausted every other option, and I was pretty sure that I had already saved. In Atom, there is an indicator light, in the right of the tab, that indicates if any unsaved changes are present in the file.

Once I saved and refreshed, the changes went through without fuss, and the light was gone.

Let me know if this solved your problem. :)

Sunny Collins
Sunny Collins
1,333 Points

Hi everyone!

I was having the same issue when applying changes to the code, but having nothing change when refreshing the browser. I found what fixed the issue was going into the project file after doing "Save All" (to both index.html and article.html) and re-opening the index.html file from inside the project folder we downloaded. It seems that re-opening the file after saving showed the changes I had made, rather than just refreshing browser. Hope this helps!

Samantha Briggs
Samantha Briggs
732 Points

If opening on windows, and downloaded as zip file, it will cause an issue. try opening wherever you have the file located, creating a new file and renaming it. then copy all items from zip file to normal file. delete zip file. refresh your browser, should no longer be an issue. just spent 20 minutes and finally figured it out. hopefully it helps someone in the future.

Thank you Samantha Briggs for contributing another solution; yours worked for me!

Raheem Wright
Raheem Wright
1,991 Points

Hi Bryan,

Yes, I did notice the dot in the tab, but the outcome is still the same for turning root-relative to relative portion of the video. When I change and save the content it works, but when I do the same for changing the root-relative to relative I'm still having problems.

Thanks,

RW

Hmmm....

Shot in the dark. Maybe it is a file pathway issue? Double-check the file name and path to see if there are multiple copies of your file. I tripped myself doing this with 2 copies of index.html; one was in my portfolio folder on Dropbox, and all of my revisions were going to a file in the local app data of Atom. Take a look.

Fingers crossed that this works. :)

Raheem Wright
Raheem Wright
1,991 Points

Ok, I deleted any copies of project I had in my directories, but the result is still the same. Does Atom save your files anywhere and if so, how do I open them?

Raheem Wright
Raheem Wright
1,991 Points

Hey Bryan,

Does the Atom work best on Mac?

From the video. Quote starts at 1:24.

"Now that the project is running locally on my computer. I'm noticing a few problems with how my links and images are working. For example, clicking to an article. Then clicking a navigation link returns an index of page that lists a bunch of directories. Instead of taking me to the homepage. And the image no longer appears in the article.

Well this is happening because we used root relative paths in our links in article images. Remember, the fourth slash and write broad of paths always refer to the root folder of the site. So only web servers understand root relic of paths. So unless you're building your project on a web server running on your computer. Root relative paths will not work as expected because your computer will not understand them.

Instead, the links navigate me to the root of file system, which is not what I want. So the solution here is to change the nav links back to document relative links, listing the path to the file."

Raheem Wright
Raheem Wright
1,991 Points

Hey Bryan,

I did exactly what the video said to do but unfortunately, the end result is still the same. I still keep getting a โ€No file found screen errorโ€ on my web browser every time I save the changes and refresh. Maybe there is something I did wrong in the previous sessions that prompted the error. My </html> is highlighted red; maybe that has something to do with my โ€No file found error codeโ€.