<p dir="auto">React version: ^16.13.1</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>npx create-react-app my-app</li>
<li>cd my-app/</li>
<li>npm start</li>
</ol>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">app doesn't start, instead shows error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Failed to compile

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: No valid exports main found for '/private/tmp/my-app/node_modules/colorette'

This error occurred during the build time and cannot be dismissed."><pre class="notranslate"><code class="notranslate">Failed to compile

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
Error: No valid exports main found for '/private/tmp/my-app/node_modules/colorette'

This error occurred during the build time and cannot be dismissed.
</code></pre></div>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto"><code class="notranslate">npx create-react-app my-app</code> should provide an app that runs.</p>
<p dir="auto">When installing create-react-app I get this error when I start the development server (npm start),</p>
<p dir="auto"><code class="notranslate">./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/index.css) Error: No valid exports main found for 'myproject\node_modules\colorette'</code></p>
<p dir="auto">I've reinstalled create-react-app -g and tryed with npx and I still get this error. Is there anything else I can do?</p>
<p dir="auto">this is the files of my new created react apps - without node_modules:<br>
<a href="https://github.com/facebook/create-react-app/files/4878407/newreactapp.zip">newreactapp.zip</a></p>