Live Server won't reload or inject nested CSS files on change. (WSL)

[rudah-amaral]

Before submitting an issue, please, see https://github.com/tapio/live-server#troubleshooting

Issue description

• Expected behavior: When saving CSS files (even when they are nested inside the root) re-inject them or reload the tab.
• Actual behavior: CSS files are only re-injected when on root level.
• Steps to reproduce:

1. Move CSS file to a nested folder.
2. Change index.html link href attribute accordingly.
3. Change a style and save it. Tab won't reload.

Software details

Neovim 0.6 on WSL 2

• Command line used for launching live-server: live-server
• OS: Windows 10 Pro 21H2 Build 19044.1387
• Browser (if browser related): Firefox 95.0 (64-bit)
• Node.js version: 17.0.1
• live-server version: 1.2.1

[rudah-amaral]

Update

Apparently, moving my project inside WSL filesystem fixed the issue. I suspect it's related with how live-server handles path separators but I'm not sure. Leaving this here to anyone to anyone who might encounter this problem in the future.