Hot Module Reload not working Windows Docker + wsl

[johdougss]

Describe the bug

I use windows docker(19.03.13) + wsl 2 (Ubuntu 20.04).
On windows, changes to files are not captured and hmr does not work.

the solution is to add a configuration to the chokidar
usePolling: true

vite/src/node/server/index.ts

Line 66 in 6ea0e85

const watcher = chokidar.watch(root, {

const watcher = chokidar.watch(root, {
    ignored: ['**/node_modules/**', '**/.git/**'],
    // #610
    awaitWriteFinish: {
      stabilityThreshold: 100,
      pollInterval: 10
    },
    usePolling: true
  }) as HMRWatcher

would it be possible to add an option to the command?
vite --use-polling

System Info

• vite version: 1.0.0-rc.13
• Operating System: Windows
• Node version: v15.3.0
• yarn version 1.22.5
• Installed vue version from yarn.lock
• Installed @vue/compiler-sfc version 3.0.2

[underfin]

You can resolve this by add vite.config.js.

export default { 
   chokidarWatchOptions: {
    usePolling: true
  }
}

[rubenhazelaar]

Passing options to chokidar this way is not yet possible in 1.0.0-rc.13 and 2.0.0.-alpha.2 breaks (it's alpha so understandable). Can we expect this behavior to be implemented in 1.x.x?

[TheKLARKEN]

Passing usePolling to the server.watch options in the Vite config worked for me on Docker WSL2:

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    watch: {
      usePolling: true
    }
  }
})

I found this out by exploring the latest Vite server config docs. This workaround is required simply because of the way WSL currently works with the Windows filesystem. If you move your files into the Linux filesystem, you won't have this problem and possibly save yourself from a couple others--but that isn't my favorite way of doing things. 😄