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

matanol · 2020-07-06T10:52:17Z

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 -g and tryed with npx and I still get this error. Is there anything else I can do?

this is the files of my new created react apps - without node_modules:
newreactapp.zip

The text was updated successfully, but these errors were encountered:

phamtiendat1998 · 2020-07-06T11:35:09Z

me too :(

GDownes · 2020-07-06T11:39:39Z

I'm also receiving this issue. Haven't upgrade any packages.

Happening with both:

import 'fontsource-roboto';
and
import 'typeface-roboto';

matanol · 2020-07-06T11:41:00Z

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

phamtiendat1998 · 2020-07-06T11:50:05Z

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

It's not working with me :((

matanol · 2020-07-06T12:05:06Z

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

It's not working with me :((

I've downloaded the latest node.js version and installed it again, I didn't manually upgraded it.

phamtiendat1998 · 2020-07-06T15:23:25Z

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

It's not working with me :((

I've downloaded the latest node.js version and installed it again, I didn't manually upgraded it.

Thank you, It's working :))

amitaguptasd · 2020-07-07T07:26:37Z

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

It's not working with me :((

I've downloaded the latest node.js version and installed it again, I didn't manually upgraded it.

Thank you, It's working :))

I was getting same error and resolved it by this solution. Thanks

nimin1 · 2020-07-08T07:58:47Z

We can fix this issue by installing autoprefixer.
npm install autoprefixer

Nanif · 2020-07-08T13:16:24Z

Thank you, update node version to 14.5 help me solve this error.

pumano · 2020-07-08T13:47:18Z

I got this when update my sass-loader or something else with vue, but I has 13x nodejs. After upgrade to latest 14x it fixed.

nguyenquocdaile · 2020-07-08T16:55:58Z

Upgrade node to version 14.5 will resolve this issue.

imanrousta · 2020-07-08T18:12:58Z

I was getting the same error. Upgrading node to version 14.5 will resolve the issue. I had v13 Node.

Silent9790 · 2020-07-08T18:44:31Z

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

It's not working with me :((

Me too. I will try to upgrade to 14.5 rn.

naftalib · 2020-07-09T12:54:55Z

14+ upgrade solved the prob!

itz-Malc0m · 2020-07-10T09:28:41Z

i had tried the solution and it worked, but this morning the same issue came up..... still getting the same error

dodandeniya · 2020-07-10T18:59:01Z

I have tried the solution and its works for me. Thanks for the solution.

leotaozeng · 2020-07-11T04:09:04Z

Upgrade node to version 14.5 works for me.

RMartires · 2020-07-11T06:04:46Z

after updating node to 14.5 my npm was giving an error "npm does not support Node.js v14.5.0"

if anyones stuck here use "npm install -g npm" it should fix it

Leconomy · 2020-07-12T16:16:58Z

Upgrade node to version 14.5 will resolve this issue.

Yes, its works for me!

bumblebee338 · 2020-07-14T10:00:00Z

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

Thank you ! It's works for me too.

AnnemarieKohler · 2020-07-14T13:34:43Z

Fixed this problem by upgrading node.js to v14.5.0. After upgrading, I also had to delete my node_modules folder and rerun npm install.

bumblebee338 · 2020-07-14T13:38:17Z

Yes, I did the same thing and it worked 🤝, actually there should be an alert for new update available for these. So that in future others don't face same problem only because of version change. RK

…

On Tue, 14 Jul, 2020, 7:05 pm Annemarie Köhler, ***@***.***> wrote: Fixed this problem by upgrading node.js to v14.5.0. After upgrading, I also had to delete my node_modules folder and rerun npm install. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#9273 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANE5NQU64JHNZDTTYOPG5H3R3RNILANCNFSM4ORPN4VA> .

SumitJadiya · 2020-07-14T19:46:55Z

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 colorette@1.2.0

This fixed my issue.

Else you can simply upgrade the node version.

DianiSN · 2020-07-15T23:07:43Z

Thank you @SumitJadiya this fixed the issue and did not have to upgrade node.

hoanguyen2603 · 2020-07-16T09:21:46Z

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

Thank you. Its works.

vivekprro · 2020-07-16T19:41:09Z

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

It's not working with me :((

I've downloaded the latest node.js version and installed it again, I didn't manually upgraded it.

Thank you, It's working :))

By upgrading to node version 14.5 it really started working.
Thank you very much

harryheman · 2020-07-17T08:30:31Z

We can fix this issue by installing autoprefixer.
npm install autoprefixer

npm i autoprefixer@9.8.0

constantlyTiTi · 2020-07-19T01:56:37Z

you can try
brew update
brew upgrade node
then your node will be the latest one.

abbiranjan · 2020-09-13T07:36:51Z

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

It works for me also.
Thx a lot.

harshakns · 2020-09-20T12:14:20Z

why do we need to upgrade node just for a dependecy?

my setup:
create-react-app 3.4.1
node -v13.2.0

the following steps worked for me.

downgrade colorette to 1.2.0
npm uninstall colorette
npm install colorette@1.2.0

2)install autoprefixer
npm install autoprefixer@9.8.0

thanks to @harryheman @SumitJadiya

ai · 2020-09-20T14:33:02Z

@harshakns

why do we need to upgrade node just for a dependecy?

Because without a update this error will be repeated in the future in another dependency

why do we need to upgrade node just for a dependecy?

You will loose all Autoprefixer updates by locking old version

Sneha9807 · 2020-09-21T05:27:15Z

All the above solutions didn't work for me so I have again installed the latest version of Node.js and then installed the create-react-app tool globally:
npm install -g create-react-app
And then used the following:
npx create-react-app reactapp

celikonline · 2020-09-24T05:48:00Z

Two working solutions for me (from the thread above, thanks @SumitJadiya and @mattyusdev)

1. Install working version of colorette

In your projects directory run npm uninstall colorette

Then install a working version npm install colorette@1.2.0

npm start should now run without an issue

2. Upgrade node version to > 14

I use NVM to manage my node versions (https://github.com/nvm-sh/nvm) so you can install or switch versions using that

If you don't have NVM, you can download the current version here https://nodejs.org/en/download/current/

If you have brew you could run brew update thenbrew upgrade node

It would be great if create-react-app worked with the highest LTS version of Node though - sometimes we don't have the luxury of using the current version 🙁

worked for me

KostaVlev · 2020-10-15T16:06:38Z

npm install npm@latest fixed the issue for me

altran-fabian · 2020-10-20T14:54:40Z

As mentioned upgrade node version to 14.5.0.
or node version below fix with:

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 colorette@1.2.0

This fixed my issue.

Else you can simply upgrade the node version.
thx to: @SumitJadiya @harryheman
#9273 (comment)

RiteshGhorpade · 2020-11-05T03:52:07Z

AS I am on windows 7 still , I cannot upgrade to latest version of Node
I am on Node 13.0.6

After Reading the comments only when did run these all commands , it worked for me

npm uninstall react-scripts
npm install react-scripts@3.4.1
npm uninstall colorette
npm install colorette@1.2.0
npm install autoprefixer@9.8.0

and After that I added
import React from "react"; in App.js

Then only it worked for me

ai · 2020-11-05T14:34:04Z

@RiteshGhorpade it will be better for your case to downgrade to Node.js 12.

With Node.js 13 you will have only more problems in the future (since more packages start to use ESM and you have no security updates).

stale · 2020-12-19T08:46:11Z

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

idsus · 2020-12-21T20:10:48Z

Ok

mohitk-art · 2021-02-04T06:21:52Z

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 colorette@1.2.0

This fixed my issue.

Else you can simply upgrade the node version.

its not working

irfaanraza · 2021-02-23T09:19:39Z

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 -g and tryed with npx and I still get this error. Is there anything else I can do?

this is the files of my new created react apps - without node_modules:
newreactapp.zip

I got the same issue and after upgrading my node js version my issue is solved, and make sure to install create-react-app with npx

Without this update the docker build fails at step: $ webpack build internal/modules/cjs/loader.js:628 throw e; ^ Error: No valid exports main found for '/home/node_modules/colorette' at resolveExportsTarget (internal/modules/cjs/loader.js:625:9) at applyExports (internal/modules/cjs/loader.js:502:14) at resolveExports (internal/modules/cjs/loader.js:551:12) at Function.Module._findPath (internal/modules/cjs/loader.js:657:22) at Function.Module._resolveFilename (internal/modules/cjs/loader.js:960:27) at Function.Module._load (internal/modules/cjs/loader.js:855:27) at Module.require (internal/modules/cjs/loader.js:1033:19) at require (/home/node_modules/v8-compile-cache/v8-compile-cache.js:159:20) at Object.<anonymous> (/home/node_modules/webpack-cli/lib/webpack-cli.js:10:66) at Module._compile (/home/node_modules/v8-compile-cache/v8-compile-cache.js:192:30) { code: 'MODULE_NOT_FOUND' } error Command failed with exit code 1. It succeded when I updated to the 14.5 version. facebook/create-react-app#9273

tr0k · 2021-05-07T22:16:31Z

We can fix this issue by installing autoprefixer.
npm install autoprefixer

npm i autoprefixer@9.8.0

I am using Windows 7 and the latest working Node version is 13.6. Therefore to make it run the only option is to downgrade autoprefixer: npm i autoprefixer@9.8.0 Downgrading colorette module to 1.2.0 didn't help. The ultimate solution is to upgrade Node, however, it's not possible on Windows 7. Alternatively, one can try to compile it on a VM or with a docker image that supports Node 14+.

iansu · 2021-06-02T17:24:06Z

It looks like this issue can be resolved by upgrading to Node 14 so I'm going to close this issue.

its-me-Harsh-Anand · 2021-09-22T17:03:04Z

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

I have windows 7 32 bit which does not support node version greater than 13.6, what should I do?

matanol added issue: bug report needs triage labels Jul 6, 2020

KristoferKwan mentioned this issue Dec 4, 2020

Run time compile error? aSehat/R-Lighter#29

Open

stale bot added the stale label Dec 19, 2020

stale bot removed the stale label Dec 21, 2020

iansu closed this as completed Jun 2, 2021

joseroubert08 mentioned this issue Jan 9, 2023

[Snyk] Fix for 1 vulnerabilities joseroubert08/create-react-app#49

Open

marcusrc mentioned this issue Jan 9, 2023

[Snyk] Fix for 1 vulnerabilities marcusrc/create-react-app#46

Open

vasikarla-zz mentioned this issue Jan 9, 2023

[Snyk] Fix for 1 vulnerabilities vasikarla-zz/create-react-app#60

Open

marcusrc mentioned this issue Jan 9, 2023

[Snyk] Security upgrade eslint from 3.16.1 to 4.7.0 marcusrc/create-react-app#47

Open

aterreno mentioned this issue Jan 9, 2023

[Snyk] Fix for 1 vulnerabilities medmeme/create-react-app#8

Open

pickworth mentioned this issue Jan 10, 2023

[Snyk] Fix for 1 vulnerabilities pickworth/create-react-app#55

Open

admmasters mentioned this issue Jan 10, 2023

[Snyk] Fix for 1 vulnerabilities admmasters/create-react-app#30

Open

dineshvgp mentioned this issue Jan 10, 2023

[Snyk] Fix for 1 vulnerabilities dineshvgp/create-react-app#56

Open

xhad mentioned this issue Jan 10, 2023

[Snyk] Fix for 1 vulnerabilities xhad/create-react-app#34

Open

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

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

Comments

matanol commented Jul 6, 2020

phamtiendat1998 commented Jul 6, 2020

GDownes commented Jul 6, 2020

matanol commented Jul 6, 2020

phamtiendat1998 commented Jul 6, 2020

matanol commented Jul 6, 2020

phamtiendat1998 commented Jul 6, 2020

amitaguptasd commented Jul 7, 2020

nimin1 commented Jul 8, 2020

Nanif commented Jul 8, 2020 • edited Loading

pumano commented Jul 8, 2020

nguyenquocdaile commented Jul 8, 2020

imanrousta commented Jul 8, 2020 • edited Loading

Silent9790 commented Jul 8, 2020

naftalib commented Jul 9, 2020

itz-Malc0m commented Jul 10, 2020

dodandeniya commented Jul 10, 2020

leotaozeng commented Jul 11, 2020

RMartires commented Jul 11, 2020

Leconomy commented Jul 12, 2020

bumblebee338 commented Jul 14, 2020

AnnemarieKohler commented Jul 14, 2020

bumblebee338 commented Jul 14, 2020 via email

SumitJadiya commented Jul 14, 2020 • edited Loading

DianiSN commented Jul 15, 2020

hoanguyen2603 commented Jul 16, 2020

vivekprro commented Jul 16, 2020

harryheman commented Jul 17, 2020

constantlyTiTi commented Jul 19, 2020

abbiranjan commented Sep 13, 2020

harshakns commented Sep 20, 2020

ai commented Sep 20, 2020

Sneha9807 commented Sep 21, 2020 • edited Loading

celikonline commented Sep 24, 2020

KostaVlev commented Oct 15, 2020

altran-fabian commented Oct 20, 2020

RiteshGhorpade commented Nov 5, 2020

ai commented Nov 5, 2020

stale bot commented Dec 19, 2020

idsus commented Dec 21, 2020

mohitk-art commented Feb 4, 2021

irfaanraza commented Feb 23, 2021

tr0k commented May 7, 2021 • edited Loading

iansu commented Jun 2, 2021

its-me-Harsh-Anand commented Sep 22, 2021

Nanif commented Jul 8, 2020 •

edited

Loading

imanrousta commented Jul 8, 2020 •

edited

Loading

SumitJadiya commented Jul 14, 2020 •

edited

Loading

Sneha9807 commented Sep 21, 2020 •

edited

Loading

tr0k commented May 7, 2021 •

edited

Loading