https://frytea.com/tags/tailwindcss/ Recent content in Tailwindcss on Frytea https://frytea.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E https://frytea.com/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E Hugo zh-cn Sun, 08 Aug 2021 11:22:24 +0000 https://frytea.com/archives/554/ Sun, 08 Aug 2021 11:22:24 +0000 https://frytea.com/archives/554/ <p>mac开发引入 tailwindcss 库时遇到如下错误：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>zsh: no matches found: postcss@^7 </span></span></code></pre></div><p>可以这样解决：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span><span style="color:#75715e"># 官网给出的命令如下</span> </span></span><span style="display:flex;"><span>npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@<span style="color:#ae81ff">\^</span><span style="color:#ae81ff">7</span> autoprefixer@<span style="color:#ae81ff">\^</span><span style="color:#ae81ff">9</span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span><span style="color:#75715e"># mac的zsh中需要这样，因为错误的 ^ 解析</span> </span></span><span style="display:flex;"><span>npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 </span></span></code></pre></div><h2 id="参考文献">参考文献</h2> <ul> <li><a href="https://github.com/ohmyzsh/ohmyzsh/issues/449">zsh: no matches found: HEAD^ #449</a></li> <li><a href="https://github.com/tailwindlabs/tailwindcss/discussions/3575">zsh: no matches found: postcss@^7 #3575</a></li> </ul>