小编Giu*_*ppe的帖子

Vue3 Vite Hot Reload (HMR) 在浏览器中不起作用

我正在使用 vite 开发一个 vue3 项目。HMR 在我的开发环境中无法正常工作。当 vue 文件编辑时,vite 处理更改并通过 websocket 正确发送消息

{"type":"update",
"updates":[{"type":"js-update","timestamp":1669740364450,"path":"/src/views/user/LoginView.vue","explicitImportRequired":false,"acceptedPath":"/src/views/user/LoginView.vue"}]}
Run Code Online (Sandbox Code Playgroud)

但在浏览器中(我尝试了不同的浏览器)什么也没发生。有什么解决办法吗?

我的包.json

{
  "name": "frontendq",
  "private": true,
  "version": "0.9.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@quasar/extras": "^1.15.5",
    "axios": "^1.1.3",
    "moment": "^2.29.4",
    "quasar": "^2.10.2",
    "vue": "^3.2.45",
    "vue-i18n": "9",
    "vue-recaptcha": "^2.0.3",
    "vue-router": "^4.1.6",
    "vue3-cookies": "^1.0.6",
    "vuex": "^4.1.0"
  },
  "devDependencies": {
    "@quasar/vite-plugin": "^1.2.3",
    "@vitejs/plugin-vue": "^3.2.0",
    "sass": "1.32.12",
    "vite": "^3.2.4"
  },
  "packageManager": "yarn@3.2.4"
}
Run Code Online (Sandbox Code Playgroud)

hot-reload vuejs3 vite

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

hot-reload ×1

vite ×1

vuejs3 ×1