tailwindcss 4 集成vite报错：Failed to resolve "@tailwindcss/vite".

安装官网文档操作如下：

https://tailwindcss.com/docs/installation/using-vite

Install tailwindcss and @tailwindcss/vitevia npm.

npm install tailwindcss @tailwindcss/vite

Configure the Vite plugin

# vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

Import Tailwind CSS

Add an @import to your CSS file that imports Tailwind CSS.

@import "tailwindcss";

以上是官网的集成步骤，然而启动后报错：

Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by require. See https://vite.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]

解决方案

将 vite.config.js/vite.config.ts 重命名为 vite.config.mjs/vite.config.mts

具体参考：https://vitejs.cn/vite5-cn/guide/troubleshooting.html