unplugin / unplugin-auto-import

Auto import APIs on-demand for Vite, Webpack and Rollup
MIT License
3.29k stars 198 forks source link

Infinite loading loop with Windi css #351

Open Insanenotfromthisworld opened 1 year ago

Insanenotfromthisworld commented 1 year ago

Describe the bug

This problem still exist when I using Windi css, with auto import.

image

Reproduction

Just create app, run, and do any ui changes, then save

System Info

{
"name": "",
"version": "0.0.0",
"author": "",
"license": "",
"scripts": {
"start": "vite",
"build": "vue-tsc --noEmit --skipLibCheck && vite build",
"lint": "eslint src",
"preview": "vite preview"
},
"dependencies": {
"@intlify/unplugin-vue-i18n": "^0.9.2",
"@vueuse/core": "^9.13.0",
"axios": "^1.3.4",
"date-fns": "^2.29.3",
"naive-ui": "^2.34.3",
"nprogress": "^0.2.0",
"pinia": "^2.0.33",
"prism-theme-vars": "^0.2.4",
"qs": "^6.11.1",
"vue": "^3.2.47",
"vue-i18n": "^9.2.2",
"vue-router": "^4.1.6"
},
"devDependencies": {
"@iconify/json": "^2.2.35",
"@types/node": "^18.15.3",
"@types/nprogress": "^0.2.0",
"@types/qs": "^6.9.7",
"@types/svgo": "^2.6.4",
"@typescript-eslint/eslint-plugin": "^5.55.0",
"@typescript-eslint/parser": "^5.55.0",
"@vicons/carbon": "^0.12.0",
"@vicons/utils": "^0.1.4",
"@vitejs/plugin-legacy": "^4.0.1",
"@vitejs/plugin-vue": "^4.0.0",
"@vitejs/plugin-vue-jsx": "3.0.0",
"@windicss/plugin-scrollbar": "^1.2.3",
"eslint": "^8.36.0",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-config-prettier": "^8.7.0",
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-vue": "^9.9.0",
"lint-staged": "^13.2.0",
"markdown-it-link-attributes": "^4.0.1",
"markdown-it-prism": "^2.3.0",
"prettier": "^2.8.4",
"sass": "^1.59.3",
"typescript": "^4.9.5",
"unplugin-auto-import": "^0.15.1",
"unplugin-icons": "^0.15.3",
"unplugin-vue-components": "^0.24.1",
"vite": "^4.1.4",
"vite-plugin-fonts": "^0.7.0",
"vite-plugin-md": "^0.21.5",
"vite-plugin-windicss": "^1.8.10",
"vite-svg-loader": "^4.0.0",
"vue-tsc": "^1.2.0" },
"type": "module",
"lint-staged": {
"*.{ts,js,vue}": [
"eslint"]}}

Used Package Manager

npm

Validations

Insanenotfromthisworld commented 1 year ago

Finally I fix with use in config:

    server: {
      watch: { ignored: ['**/.eslintrc-auto-import.json'] },
    },

So, that fix it.