Skip to content

HMR not work if use @reference "tailwindcss" #1230

@alptangal

Description

@alptangal

Describe the bug

here is my package.json
{ "name": "project-1", "private": true, "version": "0.0.1", "type": "module", "scripts": { "dev": "vite dev --port 3000 --host 0.0.0.0", "build": "vite build", "preview": "vite preview --port 3000 --host 0.0.0.0", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", "scripts: start:": "npm run start" }, "devDependencies": { "@iconify/svelte": "^4.2.0", "@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-cloudflare": "^7.0.4", "@sveltejs/adapter-netlify": "^5.0.2", "@sveltejs/adapter-node": "^5.2.12", "@sveltejs/kit": "^2.0.0", "@sveltejs/vite-plugin-svelte": "^6.2.1", "@tsconfig/svelte": "^5.0.4", "@types/node": "^24.0.3", "autoprefixer": "^10.4.21", "carbon-preprocess-svelte": "^0.11.9", "partykit": "0.0.115", "postcss": "^8.5.6", "prettier": "^3.5.2", "prettier-plugin-svelte": "^3.3.3", "svelte": "^5.0.0", "svelte-check": "^4.1.4", "svelte-preprocess": "^6.0.3", "tailwindcss": "^4.1.13", "typescript": "^5.7.3", "vite": "^7.1.10" }, "dependencies": { "@revolist/revogrid": "^4.15.1", "@stencil/store": "^2.1.2", "@sveltejs/adapter-vercel": "^5.5.3", "@tailwindcss/vite": "^4.1.13", "@types/lodash": "^4.17.16", "@undecaf/barcode-detector-polyfill": "^0.9.21", "@undecaf/zbar-wasm": "^0.11.0", "appwrite": "^16.1.0", "bcrypt": "^5.1.1", "carbon-components-svelte": "^0.87.0", "carbon-icons-svelte": "^12.13.0", "carbon-pictograms-svelte": "^12.12.0", "dotenv": "^16.5.0", "html5-qrcode": "^2.3.8", "joi": "^17.13.3", "jsdom": "^26.1.0", "lodash": "^4.17.21", "mathjs": "^14.5.3", "mongodb": "^6.12.0", "node-appwrite": "^14.1.0", "nodemailer": "^7.0.3", "ottoman": "^2.5.1", "partysocket": "1.1.4", "qrcode": "^1.5.4", "sass": "^1.93.2", "sharp": "^0.34.2", "svelte-adapter-deno": "^0.9.1", "svelte-virtual-scroll-list": "^1.3.0", "uuid": "^11.1.0" } }
i using scss and @use style file, HRM still working fine even i update my style file that insert @reference "tailwindcss" then HRM stop working,

Reproduction URL

https://vite.new/svelte

Reproduction

No response

Logs

System Info

window 11
browser: firefox/chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    awaiting submitterbugSomething isn't workingtriageAwaiting triage by a project member

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions