如何解決在 Next.js 中安裝 Tailwind 時出現「無法解析相依性樹」的 PostCSS 和 Tailwind 問題

如何解決在 Next.js 網站安裝 Tailwind 時出現「無法解析相依性樹」錯誤的問題

在設置新的 Next.js 專案並使用 Tailwind 時，我遇到了一個問題。

這個問題可能只是一個暫時性的錯誤，由於配置問題和庫的版本，但我想寫下來以便其他人遇到相同問題時能夠參考。

我運行了以下命令：

npm install tailwindcss postcss-preset-env postcss-flexbugs-fixes

換句話說，需要 PostCSS 8.1.13，但 Next 安裝的是 8.1.7。

所以我運行了以下命令：

npm install [[email protected]](/cdn-cgi/l/email-protection) [[email protected]](/cdn-cgi/l/email-protection)
postcss-preset-env postcss-flexbugs-fixes

這樣就解決了問題！