Disclaimer: this isn’t a repair however somewhat a fast hack, in order that, for example, you would possibly proceed constructing.
Drawback: You have simply put in TailwindCSS however you get the error beneath in addition to some indication that it would associated to the PostCSS config.
$ [postcss] Can't learn properties of undefined (studying 'config')
$ [vite] Inner server error: [postcss] Can't learn properties of undefined (studying 'config')
Fast Hack: Copy the content material of module.export within the tailwind.config.js file into the worth of the tailwindcss property within the postcss.config.js file. Your last consequence ought to seem like this:
./postcss.config.js
1 module.exports = {
2 plugins: {
3 tailwindcss: {
4 content material: [
5 "./index.html",
6 "./src/**/*.{vue,js,ts,jsx,tsx}",
7 ],
8 theme: {
9 lengthen: {},
10 },
11 plugins: [
12 require('@tailwindcss/forms'),
13 ],
14 },
15 autoprefixer: {},
16 },
17 }
That ought to do the hack. Cheers.