css mirroring fail with static files in sub-directory

Environment (please complete the following information):

• OS (e.g., Windows 10):
• Extension version (e.g., 1.2.3):

Describe the bug:

If I put my html, css, and js in a subdirectory of my project folder, updating css doesn’t work. I get the following error:

Repro steps:

1. Create a project containing a single folder titled ‘public’
2. Add index.html, script.js, and style.css to the public folder
3. link the script and css files in the html, and include some css to edit later via mirroring
4. create an edge launch configuration with the property "webRoot": "${workspaceFolder}/public" and a url port of 5500 (for the live server default)
5. configure live server to vend only the public folder and start it
6. launch edge
7. open dev tools
8. uncheck a property in one of your rules

Expected behavior:

I expected the css property to be updated in my css file.

Additional context:

I notice if I leave everything in the project root, and remove the public extension on the webRoot property everything just works.

Alternatively, If I:

• remove the public extension from webRoot and add it to the launch url
• add a base tag to html to load js and css correctly
• serve the project home directory instead of public css is editable. then everything also works, but now I have ‘public’ in my urls.

basically, it seems like the paths have to match. If the browser fetches /public/style.css then it is okay to have style.css in the public sub-directory.

[mliao95]

Ah I see the issue now. We have already fixed this issue, but won’t be public until our next release. We aim to get the next version out sometime near the end of next week. Thanks for your patience.

[mliao95]

New version released. Closing issue.