vue3使用tailwindcss报错问题

1. npm create vite@latest
2. npm install -D tailwindcss postcss autoprefixer
3. npx tailwindcss init
   4. ·不过执行 npx tailwindcss init 的时候控制台就报错了

   PS E:\vite-demo> npx tailwindcss init
   npm ERR! cb.apply is not a function
   npm ERR! A complete log of this run can be found in:
   

   5. 那就手动创建 tailwind.config.js文件和postcss.config.js文件

   	// tailwind.config.js/** @type {import('tailwindcss').Config} */module.exports = {content: ["./src/**/*.{html,js}"],theme: {extend: {},},plugins: [],}

   // postcss.config.js
   module.exports = {plugins: {tailwindcss: {},autoprefixer: {},}
   }
   

   然后再style.css引入

   @tailwind base;
   @tailwind components;
   @tailwind utilities;
   

   npm install
   报错

   [vite] Internal server error: [postcss] It looks like you're trying to use
   `tailwindcss` directly as a PostCSS plugin.The PostCSS plugin has
   moved to a separate package, so to continue using Tailwind CSS with PostCSS
   you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
   

4. 重新安装 npm install @tailwindcss/postcss

	import postcssTailwind from '@tailwindcss/postcss'; import autoprefixer from 'autoprefixer'; export default { plugins: [ postcssTailwind, autoprefixer ]};

注意： 要看清版本 现在安装的tailwindcss 是4.x 官网是3.x
地址：https://tailwindcss.com/