salesforcedx-vscode VS vscode-live-server

I had a google around and there is actually an issue with the Salesforce CLI extension you can view it on github - https://github.com/forcedotcom/salesforcedx-vscode/issues/4865

See: https://developer.salesforce.com/tools/vscode

The repo - https://github.com/forcedotcom/salesforcedx-vscode

VS Code with the Salesforce Extensions has been good for me, though I admit I haven't tried anything else besides the on platform developer console.

Alba told me the launch of the Salesforce CLI in 2016 fixed a lot of the earlier limitations. In addition to change tracking and improved conflict resolution, the Salesforce CLI introduced features to manage Salesforce environments, run tests, load sample data, and much more. By using the Salesforce CLI, Alba said she became much more productive. This also helped her team to transform their application lifecycle management, as the Salesforce CLI allows developers to implement modern CI/CD flows much easier. Salesforce has also invested in the Salesforce extension pack for VisualStudio Code. Alba listed some of the extension’s benefits which included autocompletion capabilities, direct access to the help feature, tools for debugging, testing, and access to many of the Salesforce CLI features.

Finally, you can also install the Salesforce VS Code extension to make deploying your code a little bit easier. This step is optional.

VS Code plugins maybe? https://developer.salesforce.com/tools/vscode

Developer tooling : Unlike like Aura You cannot edit or develop LWC components in the Developer Console. You’ll need to use another integrated development environment (IDE), like Visual Studio Code (VS Code) because Salesforce has released an extension pack to make lwc development easier and faster.

I saw that there were some changes related to unit test logic in latest release (https://github.com/forcedotcom/salesforcedx-vscode/pull/2961) and it seems like the SF team is already aware of the issues, (see comments here https://github.com/forcedotcom/salesforcedx-vscode/issues/2981) but I didn't see any issue like Yours created in Github issues. I'd suggest You to create one, this is the fastest way to get it fixed

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