Vue Cli를 통해 Vue 프로젝트를 생성하고, npm run serve
를 통해 브라우저 창을 띄웠다. 코드를 수정하고 저장하면, 컴파일이 자동으로 진행되고 브라우저에 변경사항이 반영되었어야 하는데(Compile and hot-reloads), 작동하지 않았다.
버그는 예상치 못한 곳에서 발생했는데, Windows 파일 시스템에 파일을 위치시켜놓고 Linux에서 작업하던 것이 문제였다.
솔루션을 발견한 페이지 (https://github.com/microsoft/WSL/issues/6255)
is your project store on your Windows file system or inside of your Linux file system? (i.e: Is it in /mnt/c ? )
If it is in the Windows file system, I believe you're running into the fact that the Plan 9 server in WSL 2 does not support file watching on Windows files. As a workaround I'd recommend you place your files into the Linux file system
=> WSL에서 /mnt/c
디렉토리, 즉 Windows 디렉토리에 파일을 위치시켜놓고 작업하면, WSL은 파일의 변화를 감지하지 않는다. 그래서, Hot reloads가 작동하지 않던 것이었다.
따라서, WSL에서 작업하면서 hot reloads 기능을 이용하고 싶다면 Linux file system에 파일을 위치시켜야 한다. Linux의 /home
디렉토리 하위에 프로젝트를 위치시켜서, 문제를 해결했다.
감사합니다 덕분에 노트북 팔아버릴 뻔 했는데 잘 사용 중 입니다