Problems with Atom!?

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. :)

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!

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.

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

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?

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."

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”.