Error: PostCSS plugin tailwindcss requires PostCSS 8. vue里面使用tailwind报错

报错如下

<code-pre class="code-pre" id="pre-DitdK2"><code-line class="line-numbers-rows"></code-line><span class="hljs-selector-tag">Syntax</span> <span class="hljs-selector-tag">Error</span>: <span class="hljs-selector-tag">Error</span>: <span class="hljs-selector-tag">PostCSS</span> <span class="hljs-selector-tag">plugin</span> <span class="hljs-selector-tag">tailwindcss</span> <span class="hljs-selector-tag">requires</span> <span class="hljs-selector-tag">PostCSS</span> <span class="hljs-selector-tag">8</span>.
<code-line class="line-numbers-rows"></code-line><span class="hljs-selector-tag">Migration</span> <span class="hljs-selector-tag">guide</span> <span class="hljs-selector-tag">for</span> <span class="hljs-selector-tag">end-users</span>:
<code-line class="line-numbers-rows"></code-line><span class="hljs-selector-tag">https</span>:<span class="hljs-comment">//github.com/postcss/postcss/wiki/PostCSS-8-for-end-users</span>
<code-line class="line-numbers-rows"></code-line>
<code-line class="line-numbers-rows"></code-line>
<code-line class="line-numbers-rows"></code-line> @ ./<span class="hljs-selector-tag">src</span>/<span class="hljs-selector-tag">assets</span>/<span class="hljs-selector-tag">tailwind</span><span class="hljs-selector-class">.css</span> <span class="hljs-selector-tag">4</span><span class="hljs-selector-pseudo">:14-166</span> <span class="hljs-selector-tag">15</span><span class="hljs-selector-pseudo">:3-20</span><span class="hljs-selector-pseudo">:5</span> <span class="hljs-selector-tag">16</span><span class="hljs-selector-pseudo">:22-174</span>
<code-line class="line-numbers-rows"></code-line> @ ./<span class="hljs-selector-tag">src</span>/<span class="hljs-selector-tag">main</span><span class="hljs-selector-class">.js</span>
<code-line class="line-numbers-rows"></code-line> @ <span class="hljs-selector-tag">multi</span> (webpack)<span class="hljs-selector-tag">-dev-server</span>/<span class="hljs-selector-tag">client</span>?<span class="hljs-selector-tag">http</span>:<span class="hljs-comment">//localhost:3011&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js</span>
</code-pre>

换一个版本就ok了

<code-pre class="code-pre" id="pre-d2KpZ6"><code-line class="line-numbers-rows"></code-line><span class="hljs-comment">//卸载之前版本</span>
<code-line class="line-numbers-rows"></code-line>npm uninstall tailwindcss postcss autoprefixer
<code-line class="line-numbers-rows"></code-line>
<code-line class="line-numbers-rows"></code-line><span class="hljs-comment">//安装</span>
<code-line class="line-numbers-rows"></code-line>npm install <span class="hljs-symbol">tailwindcss@</span>npm:<span class="hljs-meta">@tailwindcss</span>/postcss7-compat <span class="hljs-symbol">postcss@</span>^<span class="hljs-number">7</span> <span class="hljs-symbol">autoprefixer@</span>^<span class="hljs-number">9</span>
</code-pre>

__EOF__

本文作者：橙汁先辈
本文链接：https://www.cnblogs.com/kc-yukikaze/p/16427808.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！