[vitejs/vite]vite hmr mac无法实现热加载

2024-06-28 211 views
9
描述错误

hmr 在项目文件修改后,不会重新热加载,每次都要手动重新,npm run dev,求大神看看

图像

nodejs:v14.15.4 npm:6.14.15

包文件.json { "name": "testvue", "private": true, "version": "0.0.0", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.2.25" }, "devDependencies": { "@vitejs/plugin-vue": "^2.2.0", "typescript": "^4.5.4", "vite": "^2.8.0", "vue-tsc": "^0.29.8" } }

再生产

活力

系统信息
npx envinfo --system --npmPackages '{vite,@vitejs/*}' --binaries --browsers
npx: 1 安装成功,用时 1.575 秒

  System:
    OS: macOS 11.6.2
    CPU: (4) x64 Intel(R) Core(TM) i5-7500 CPU @ 3.40GHz
    Memory: 879.65 MB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 14.15.4 - /usr/local/bin/node
    Yarn: 1.22.11 - /usr/local/bin/yarn
    npm: 6.14.15 - /usr/local/bin/npm
  Browsers:
    Chrome: 94.0.4606.61
    Safari: 15.2
  npmPackages:
    @vitejs/plugin-vue: ^2.2.0 => 2.2.4 
    vite: ^2.8.0 => 2.8.6
使用包管理器

npm

回答

8

同样此按钮,在windows下hmr工作正常。

9

请进一步说明什么不起作用,以及是否有任何日志?在 macos 12.3 上,它对我来说运行良好。

4

我在这里遇到了同样的问题,但是我添加了 postcss.config.js,因为我正在使用 tailwind css。删除 postcss.config.js 后,热重载可以正常工作

1

图像

6

从视频中,您是否打开浏览器查看 URL?如果我没记错的话,只有至少有一个浏览器显示 Vite 页面时,HMR 日志才会出现。

9

问题只是没有揭示日志,因为你没有打开浏览器。楼上说得对。访问一下页面就会有正常的日志了。