hmr print "hot updated" but not change template

[nekooee]

Unfortunately, although hmr prints "hot updated" in the inspection element, my changes are not displayed on the screen. I updated everything and went through all the previous questions but didn't get any results.

Please guide me.

My package.json:

{
  "name": "admin-panel",
  "version": "0.0.1",
  "description": "Admin Panel",
  "productName": "Admin Panel",
  "author": "aaa",
  "type": "module",
  "private": true,
  "scripts": {
    "lint": "eslint --ext .js,.vue ./",
    "format": "prettier --write \"**/*.{js,vue,css,html,md,json}\" --ignore-path .gitignore",
    "test": "echo \"No test specified\" && exit 0",
    "dev": "quasar dev",
    "build": "quasar build"
  },
  "dependencies": {
    "@quasar/extras": "^1.16.12",
    "quasar": "^2.16.6",
    "vue": "^3.4.18",
    "vue-router": "^4.0.0",
    "@iconify/iconify": "^3.1.1",
    "@mayasabha/ckeditor4-vue3": "^0.0.5",
    "axios": "^1.7.2",
    "moment": "^2.29.4",
    "monaco-editor": "^0.49.0",
    "monaco-editor-vue3": "^0.1.10",
    "pinia": "^2.1.7",
    "tailwindcss": "^3.4.4",
    "vue-currency-input": "^3.0.3",
    "vue-flag-icon": "^2.1.0"
  },
  "devDependencies": {
    "vite-plugin-checker": "^0.7.1",
    "eslint": "^8.57.0",
    "eslint-plugin-vue": "^9.0.0",
    "eslint-config-prettier": "^9.0.0",
    "prettier": "^3.0.3",
    "@quasar/app-vite": "^2.0.0-beta.15",
    "autoprefixer": "^10.4.2",
    "postcss": "^8.4.14",
    "@tailwindcss/forms": "^0.5.7",
    "@tailwindcss/line-clamp": "^0.4.4",
    "@tailwindcss/typography": "^0.5.13"
  },
  "engines": {
    "node": "^24 || ^22 || ^20 || ^18",
    "npm": ">= 6.13.4",
    "yarn": ">= 1.21.1"
  }
}

in my config:

 devServer: {
      // https: true
      open: true // opens browser window automatically
    },

[nekooee]

After spending hours, I realized that the following line makes hmr not work anymore! And of course I don't have a solution for it

import MonacoEditor from "monaco-editor-vue3";