vue框架在WSL2环境下无法 热更新 Hot Module Replacement(简称 HMR)

808 阅读1分钟

解决vite在wsl环境下热更新失效问题

解决热更新失效的方法主要有两种:

1.文件存储到WSL系统环境中
2.配置vite.config.js的server.watch

export default defineConfig({
    server: { 
        watch: { 
            usePolling: true
        }
    }
 })

使用其他工具

方法1

  • 在启动项目(如 npm run dev)前,先执行
export CHOKIDAR_USEPOLLING=true

方法2

工程目录中创建.env文件(与其它工程配置文件同级)并将以下内容添加到其中

CHOKIDAR_USEPOLLING=true