Tengo un proyecto que usa vite y vue 3 para front-end. También usa eslint . A veces, cuando ejecuto el código, me arroja errores como este:
2:26:53 PM [vite] Internal server error: /path/to/project/wt-frontend-2/src/pages/school-districts/PageSsDetails.vue
46:1 error "@/assets/images/school.svg" import should occur before import of "./components/SdDoughnutChart.vue" import/order
✖ 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the "--fix" option.
Plugin: vite:eslint
File: /path/to/project/wt-frontend-2/src/pages/school-districts/PageSsDetails.vue
at formatError (/path/to/project/wt-frontend-2/node_modules/vite/dist/node/chunks/dep-76613303.js:36769:46) at TransformContext.error (/path/to/project/wt-frontend-2/node_modules/vite/dist/node/chunks/dep-76613303.js:36765:19) at TransformContext.transform (/path/to/project/wt-frontend-2/node_modules/vite-plugin-eslint/dist/index.js:87:14) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async Object.transform (/path/to/project/wt-frontend-2/node_modules/vite/dist/node/chunks/dep-76613303.js:36985:30)
Sin embargo, una vez que arreglo el código y lo guardo, no detecta el archivo actualizado. (aunque se ejecuta automáticamente).
¿Hay alguna manera de que pueda resolver esto? Intenté eliminar módulos de nodos e yarn-lock y ejecutar yarn para instalar los módulos, pero el problema persiste.
Esto parece ser un problema conocido con el complemento vite-eslint.
Puede deshabilitar el caché en su archivo vite.cofig con la siguiente línea:
eslintPlugin({ cache: false });