title: Tailwind CSS does not work with React App
body: <p>I am trying to add tailwind css with react app. I followed the tailwind documentation,how to set up tailwind with react.</p>
  <p>I tried with tailwind latest version.I checked Nodejs and npm are installed perfectly.</p>
  <p>But when i run the <code>npm run start</code> it always get an error. I can't fix the problem.</p>
  <p><a href="https://i.stack.imgur.com/5OJQj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5OJQj.png" alt="enter image description here" /></a></p>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;tailwind-css&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;homepage&quot;: &quot;&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@craco/craco&quot;: &quot;^6.1.2&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-scripts&quot;: &quot;^4.0.3&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;craco start&quot;,
      &quot;build&quot;: &quot;craco build&quot;,
      &quot;test&quot;: &quot;craco test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;engines&quot;: {
      &quot;npm&quot;: &quot;6.14.6&quot;,
      &quot;node&quot;: &quot;12.18.4&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;autoprefixer&quot;: &quot;^9.8.6&quot;,
      &quot;postcss&quot;: &quot;^7.0.36&quot;,
      &quot;tailwindcss&quot;: &quot;npm:@tailwindcss/postcss7-compat@^2.2.2&quot;
    }
  }
  
  </code></pre>
  <p>Please anyone help.</p>