-1

I just reinstalled windows on my computer. The problem here is that when I was using the visual code editor before reinstalling windows with the live preview extension and it ran perfectly, but now after I installed windows the VC do not give me live preview like before. It is just showing the HTML structure and not the linked CSS and Javascript files. There is no styling and formatting being shown on the page even though the page displays perfectly on the browser, tried everything but nothing worked. Note that both windows versions are the same no changes in them.[Only HTML shows up][1]

[no definitions found said by vs code editor also]

Mithun Wijayasiri
  • 130
  • 7
Haider Ali
  • 9
  • 3
  • I dont it has anything to do with vscode or the extension. As i can see your background.jpeg is also not loading. Maybe your paths are wrong – UmairFarooq Sep 24 '22 at 07:45
  • paths are all right i checked them a hundred times , all the files were perfectly working in Dream Weaver and on browsers ,,i am so mush frustrated – Haider Ali Sep 24 '22 at 07:54

2 Answers2

1

Yes, it only shows the HTML preview without CSS. You have to use "Live Server" extension for that.

Download that from here: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

GitHub Source: https://github.com/ritwickdey/vscode-live-server-plus-plus

Preview:

enter image description here

Mithun Wijayasiri
  • 130
  • 7
-1

does a .vs code folder appear ? This problem happened to me once and by deleting the file everything went back to normal. IDK if it will work for you but it worked for me.

BTW there is a Youtube video on that topic, here it is a video for CSS files not working on live server

Emile Youssef FEGHALI EL
  • 129
  • 1
  • 12