Preview

[jonathanwagstaff]

Describe the bug

The preview won't show when I am working on my projects. It shows that it's loaded, but then it won't show the preview, and reloading the page won't work, it just loads and then stays on that screen. Can you please fix this soon? I need to get a assignment done, and it is hard to look at my changes without the preview. Thank you!

Link to the blitz that caused the error

https://stackblitz.com/edit/vitejs-vite-o9cbfzmk?file=Doge%27s_Academy_for_Superheroes%2Fabout_us.html,Doge%27s_Academy_for_Superheroes%2FCSS%2Fcss.css

Steps to reproduce

1. Go into the project.
2. start up the preview.
3. Wait for it to finish loading.
4. It should say it's done loading, but doesn't move on or show the preview.

Expected behavior

I expected it to show the preview and reflect my changes as I make them, instead it constantly shows the loading screen.

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

Platform

Browser name  = Chrome
Full version  = 133.0.0.0
Major version = 133
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36 Edg/133.0.0.0
performance.memory = {
  "totalJSHeapSize": 76919557,
  "usedJSHeapSize": 73696301,
  "jsHeapSizeLimit": 4294705152
}
Hash = 495c5120

Additional context

Thank you for helping me, although I would prefer if it got done sooner, rather than later. I need to turn in my project, and it's a lot easier to do it when I can see constant updates. Thanks again!

[SamVerschueren]

The problem is that you are not using an dev server to start your project. It works exactly the same way as you would do it on your local machine.

1. Navigate into your project folder cd Doge\'s_Academy_for_Superheroes/ (it would be easier if all the files are directly in your project root and not a subdirectory)
2. Start a devserver like servero by running npx -y servor --reload