Closed armenr closed 2 years ago
I have the same problem and I have tried to fix this problem for 2 days but I couldn't.
//vite.config.ts`
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import WindiCSS from 'vite-plugin-windicss'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(),WindiCSS()]
})
// src/main.ts
import { createApp } from 'vue'
import App from './App.vue'
import "windicss"
// also I tried import "virtual:windicss"
createApp(App).mount('#app')
// windi.config.ts
import {defineConfig} from "vite-plugin-windicss";
export default defineConfig({
attributify:true
})
// src/app.vue
<template>
<h1 class="text-center font-bold text-6xl btn text-red-300 bg-dark-300">
asd
</h1>
</template>
// package.json
"dependencies": {
"vue": "^3.2.25"
},
"devDependencies": {
"@vitejs/plugin-vue": "^2.2.0",
"typescript": "^4.5.4",
"vite": "2.7.13",
"vite-plugin-windicss": "^1.7.0",
"vue-tsc": "^0.29.8",
"windicss": "^3.4.3"
}
I have tried to some extra ways but ,none of them worked.Also I tried vitesse-ssr-template but it also didn't work :(
vite-plugin-windicss v1.7.1 should fix this
Steps to reproduce:
With hot reload/dev running, go into your IDE, and edit ANYTHING in the
/styles
folder. As soon as you save the file, vite throws and crashes.