create-react-app starting error - Error: No valid exports main found for '\node_modules\colorette'

Question

When installing create-react-app, I get this error when I start the development server (npm start):

./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'

I've reinstalled create-react-app globally with create-react-app -g and tried running it with npx, but I still get this error. Is there anything else I can do?

Answer 1

Fixed this problem by upgrading node.js to v14.5, i've had v13.5 and v13.6 in my laptop. and also removing create-react-app globally:

npm uninstall -g create-react-app

and using:

npx create-react-app myapp

Answer 2

Node version 13 has an issue for ReactJs, please check your version. You can update or degrade(LTS version) your node version to work ReactJs properly

Answer 3

you need to upgrade node version to 14.5 or latest version with:

sudo n latest // on mac or linux for latest version

for windows just reinstall you node with latest version

Answer 4

Upgrade to version 14.5 will solve this issue.

Answer 5

For anyone using nvm,

you can use nvm install <version-number> to install any version.

In my case, I had v13.2.0 previously installed.

So, I checked all available versions with nvm ls-remote

And then picked the latest version to install like so:

nvm install v14.8.0

and as per @iamnabink comment - nvm use v14.8.0

Answer 6

This is because latest version of colorette doesn't supported on node Version < 14. Try below steps if you don't want to install node V14.5

To uninstall colorette: npm uninstall colorette

To install colorette version 1.2.0: npm install [email protected]

This fixed my issue.

Else you can simply upgrade the node version.