title: Cannot find module 'autoprefixer' when running npx tailwindcss init -p command
body: <p>I'm using Vue 3 and trying to add tailwindcss into it from the following tutorial. <a href="https://tailwindcss.com/docs/guides/vue-3-vite#install-tailwind-via-npm" rel="nofollow noreferrer">https://tailwindcss.com/docs/guides/vue-3-vite#install-tailwind-via-npm</a></p>
  <p>I have installed the dependencies using the following command,</p>
  <pre><code>npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
  </code></pre>
  <p>But when I tried to create the configuration files using the following command</p>
  <pre><code>npx tailwindcss init -p
  </code></pre>
  <p>It is giving me the following error.</p>
  <blockquote>
  <p>npx: installed 83 in 5.2s Cannot find module 'autoprefixer' Require
  stack:</p>
  <ul>
  <li>/~/.npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/commands/build.js</li>
  <li>/~/.npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/commands/index.js</li>
  <li>/~/.npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli/main.js</li>
  <li>/~/.npm/_npx/33283/lib/node_modules/tailwindcss/lib/cli.js</li>
  </ul>
  </blockquote>
  <p>I don't know why <code>autoprefixer</code> is not detecting because I have already installed it.
  Even the package.json have it.</p>
  <pre><code>{
    &quot;name&quot;: &quot;wooclime&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;serve&quot;: &quot;vue-cli-service serve&quot;,
      &quot;build&quot;: &quot;vue-cli-service build&quot;,
      &quot;lint&quot;: &quot;vue-cli-service lint&quot;
    },
    &quot;dependencies&quot;: {
      &quot;core-js&quot;: &quot;^3.6.5&quot;,
      &quot;vue&quot;: &quot;^3.0.0&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@vue/cli-plugin-babel&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/cli-plugin-eslint&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/cli-service&quot;: &quot;~4.5.0&quot;,
      &quot;@vue/compiler-sfc&quot;: &quot;^3.0.0&quot;,
      &quot;autoprefixer&quot;: &quot;^9.8.6&quot;,
      &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
      &quot;eslint&quot;: &quot;^6.7.2&quot;,
      &quot;eslint-plugin-vue&quot;: &quot;^7.0.0-0&quot;,
      &quot;postcss&quot;: &quot;^7.0.35&quot;,
      &quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.0.2&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;root&quot;: true,
      &quot;env&quot;: {
        &quot;node&quot;: true
      },
      &quot;extends&quot;: [
        &quot;plugin:vue/vue3-essential&quot;,
        &quot;eslint:recommended&quot;
      ],
      &quot;parserOptions&quot;: {
        &quot;parser&quot;: &quot;babel-eslint&quot;
      },
      &quot;rules&quot;: {}
    },
    &quot;browserslist&quot;: [
      &quot;&gt; 1%&quot;,
      &quot;last 2 versions&quot;,
      &quot;not dead&quot;
    ]
  }
  </code></pre>