错误提示显示在游览器上

package.json

@@ -62,6 +62,7 @@
     "unplugin-vue-components": "^0.26.0",
     "unplugin-vue-define-options": "^1.5.5",
     "vite": "^5.4.19",
+    "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-lazy-import": "^1.0.7",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",

pnpm-lock.yaml

@@ -145,6 +145,9 @@ devDependencies:
   vite:
     specifier: ^5.4.19
     version: 5.4.19(@types/node@20.17.47)(sass@1.88.0)
+  vite-plugin-eslint:
+    specifier: ^1.8.1
+    version: 1.8.1(eslint@8.57.1)(vite@5.4.19)
   vite-plugin-lazy-import:
     specifier: ^1.0.7
     version: 1.0.7
@@ -1758,6 +1761,13 @@ packages:
     resolution: {integrity: sha512-Vm8e3WxDTqMGPU4GATF9keQAIy1Drd7bPwlgzKJnZtoOsTm1tduUTbDjg0W5qERvGuxPI2h9RbMufH0YdfBylA==}
     dev: true
 
+  /@types/eslint@8.56.12:
+    resolution: {integrity: sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==}
+    dependencies:
+      '@types/estree': 1.0.7
+      '@types/json-schema': 7.0.15
+    dev: true
+
   /@types/estree@1.0.7:
     resolution: {integrity: sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==}
     dev: true
@@ -6906,6 +6916,14 @@ packages:
       glob: 7.2.3
     dev: true
 
+  /rollup@2.79.2:
+    resolution: {integrity: sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
   /rollup@4.40.2:
     resolution: {integrity: sha512-tfUOg6DTP4rhQ3VjOO6B4wyrJnGOX85requAXvqYTHsOgb2TFJdZ3aWpT8W2kPoypSGP7dZUyzxJ9ee4buM5Fg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -8089,6 +8107,19 @@ packages:
       vite: 5.4.19(@types/node@20.17.47)(sass@1.88.0)
     dev: true
 
+  /vite-plugin-eslint@1.8.1(eslint@8.57.1)(vite@5.4.19):
+    resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: '>=2'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.56.12
+      eslint: 8.57.1
+      rollup: 2.79.2
+      vite: 5.4.19(@types/node@20.17.47)(sass@1.88.0)
+    dev: true
+
   /vite-plugin-inspect@0.8.9(vite@5.4.19):
     resolution: {integrity: sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==}
     engines: {node: '>=14'}

vite.config.ts

@@ -11,6 +11,7 @@ import { createStyleImportPlugin, VxeTableResolve } from 'vite-plugin-style-impo
 import Unocss from 'unocss/vite'
 import VueDevTools from 'vite-plugin-vue-devtools'
 import { lazyImport, VxeResolver } from 'vite-plugin-lazy-import'
+import esLintPlugin from 'vite-plugin-eslint'
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
@@ -22,6 +23,9 @@ export default defineConfig(({ mode }) => {
       vueJsx(),
       Unocss(),
       VueDevTools(),
+      esLintPlugin({
+        emitError: true
+      }),
       AutoImport({
         imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
         dts: 'src/auto-import.d.ts'
@@ -62,7 +66,7 @@ export default defineConfig(({ mode }) => {
         }
       },
       hmr: {
-        overlay: false
+        overlay: true
       }
     },
     build: {