I copied the tailwind import from the doc.
Code: Select all
import { createPinia } from 'pinia'
import { createApp } from 'vue'
import App from './App.vue'
import PrimeVue from 'primevue/config'
import 'primevue/resources/themes/tailwind/tailwind-light/theme.css' // theme
import 'primevue/resources/primevue.min.css' //core css
import 'primeicons/primeicons.css' //icons
const app = createApp(App)
app.use(createPinia())
app.use(PrimeVue)
app.mount('#app')
Code: Select all
[vite] Internal server error: Failed to resolve import "primevue/resources/themes/tailwind/tailwind-light/theme.css" from "src\main.ts". Does the file exist?
Plugin: vite:import-analysis
File: C:/dev/vue_projs/vite-adminpanel/src/main.ts
3 | import App from "./App.vue";
4 | import PrimeVue from "primevue/config";
5 | import "primevue/resources/themes/tailwind/tailwind-light/theme.css";
| ^
6 | import "primevue/resources/primevue.min.css";
7 | import "primeicons/primeicons.css";
Code: Select all
"dependencies": {
"pinia": "^2.0.0-rc.10",
"primeicons": "^4.1.0",
"primevue": "^3.7.2",
"vue": "^3.2.16"
},