vscode-live-server VS vscode-vite

I think your using the VSCode Live Server plugin. I would not use the Live Server plugin to run your app. The plugin does some magic to inject additional HTML into displayed page. Having SVG icons breaks it (not sure if you are using svg icons). I would run a basic app through a Python server by creating pyServer.py file:

Now open the html file using an HTTP server of your choice. I'm using the Live Server VS Code extension. You will see something like this.

More than likely.

This seems like a common issue with the vs code live server extension. You may want to switch to using npm live-server or try setting a proxy: https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

I was using the VS code live server extension from here https://github.com/ritwickdey/vscode-live-server which exposes port 5500 on my localhost by default.

You need to use a server that establishes a root directory to /build (not fall back to the root of C:). I tried to get LiveServer (VS Code Extension) to function but it too needs the server root set to /build. Just found this which should solve that problem.

After downloading it, I will also recommend downloading an extension called Live Server in VsCode and it will help you to create a local server and view the changes made to the website without refreshing it each time & is super useful, Trust me!

To set the hostname to the desired IP address, use liveServer.settings.host (the default is 127.0.0.1).

Trying to dev 3js in VS code with Vite, but the only way to launch vite is to use the cmdline or press "debug" in the package.json and pressing "dev vite" from the dropdown. In the gif on the github page it shows a vite button in the bottom right. How do I enable this? How do I enable autostart on project open? It also says that is a thing on the github page.