Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: ... #8900

Closed
TheKobeCode opened this issue Apr 25, 2020 · 23 comments
Closed

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: ... #8900

TheKobeCode opened this issue Apr 25, 2020 · 23 comments

Comments

@TheKobeCode
Copy link

Describe the bug

I'm trying to create a new React app using create-react-app and it in every way it just don't work. it throws the following error:
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: C:\Users\DevCarlosU\Desktop\test-final\node_modules\is-promise\index.js

Did you try recovering your dependencies?

No, it's for a new project.

Which terms did you search for in User Guide?

Environment

Environment Info:

current version of create-react-app: 3.4.1
running from C:\Users\DevCarlosU\AppData\Roaming\npm\node_modules\create-react-app

System:
OS: Windows 10 10.0.18362
CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
Binaries:
Node: 12.16.2 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 44.18362.449.0
Internet Explorer: 11.0.18362.1
npmPackages:
react: Not Found
react-dom: Not Found
react-scripts: Not Found
npmGlobalPackages:
create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

  1. cd Desktop
  2. npx create-react-app test
  3. error...

Expected behavior

A new and clean React App project

Actual behavior

PS C:\Users\DevCarlosU\Desktop> npx create-react-app test

Creating a new React app in C:\Users\DevCarlosU\Desktop\test.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

core-js@2.6.11 postinstall C:\Users\DevCarlosU\Desktop\test\node_modules\babel-runtime\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

core-js@3.6.5 postinstall C:\Users\DevCarlosU\Desktop\test\node_modules\core-js
node -e "try{require('./postinstall')}catch(e){}"

core-js-pure@3.6.5 postinstall C:\Users\DevCarlosU\Desktop\test\node_modules\core-js-pure
node -e "try{require('./postinstall')}catch(e){}"

  • react-dom@16.13.1
  • cra-template@1.0.3
  • react@16.13.1
  • react-scripts@3.4.1
    added 1606 packages from 750 contributors and audited 931196 packages in 57.03s

58 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

internal/modules/cjs/loader.js:1172
throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
^

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: C:\Users\DevCarlosU\Desktop\test\node_modules\is-promise\index.js
require() of ES modules is not supported.
require() of C:\Users\DevCarlosU\Desktop\test\node_modules\is-promise\index.js from C:\Users\DevCarlosU\Desktop\test\node_modules\run-async\index.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
Instead rename C:\Users\DevCarlosU\Desktop\test\node_modules\is-promise\index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from C:\Users\DevCarlosU\Desktop\test\node_modules\is-promise\package.json.

at Object.Module._extensions..js (internal/modules/cjs/loader.js:1172:13)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14)
at Module.require (internal/modules/cjs/loader.js:1042:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object.<anonymous> (C:\Users\DevCarlosU\Desktop\test\node_modules\run-async\index.js:3:17)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14) {

code: 'ERR_REQUIRE_ESM'
}

Aborting installation.
node has failed.

Deleting generated file... node_modules
Deleting generated file... package.json
Done.

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

@anarh
Copy link

anarh commented Apr 25, 2020

Issue is related to is-promise and tracked here then/is-promise#14

@jovanailin
Copy link

I have the exact same problem and exact same environment. Please someone help!

@sudir81
Copy link

sudir81 commented Apr 25, 2020

I have the same issue, i tried all possible ways
npx create-react-app
yarn create react-app
create-react-app

all are throwing same error

i have node (12.16.2), npm (6.14.4), yarn (1.21.1).

@13aksh
Copy link

13aksh commented Apr 25, 2020

Having the same issue as @sudir81

@evanyang1
Copy link

having the same issue

@jpripko
Copy link

jpripko commented Apr 25, 2020

Having the same issue

@baotran109vn
Copy link

baotran109vn commented Apr 25, 2020

having the same issue when run image in docker

@RyanZim
Copy link

RyanZim commented Apr 25, 2020

Workaround here: #8896 (comment)

@13aksh
Copy link

13aksh commented Apr 25, 2020

I've downgraded to node 12.11.1 and it works!!

@jpripko
Copy link

jpripko commented Apr 25, 2020

@RyanZim Works for me TKS!

@PhoenixBirdy
Copy link

Same problem

@jovanailin
Copy link

Downgrading fixed it!!!

@malvesbertoni
Copy link

Same issue here.

@malvesbertoni
Copy link

Workaround here: #8896 (comment)

Solved!!!

@MarwenHanzouli
Copy link

i have the same issue when generate new page in ionic 4 angular project

@juliodenis
Copy link

Downgrade fix it!

1.- npm install -g n
2.- n 12.12.0
3.- npx create-react-app react-sample

That was what I did!

@tanakaphper
Copy link

i too.
i'll down for 12.12.0 with nodist

@TheKobeCode
Copy link
Author

Yeah, downgrade to 12.12.0 works! Thanks a lot...

@asifraja
Copy link

asifraja commented Apr 25, 2020

I had the same issue with quasar-cli, as I downgraded to 12.12.0 it worked, thanks.

@sentisso
Copy link

sentisso commented Apr 25, 2020

Simply running npm install is-promise fixed it for me

@Wagnervicentebr
Copy link

@sentisso tks, it's fixed for me

Simply running npm install is-promise fixed it for me

@Daniel15
Copy link
Member

Duplicate of #8896, which should be resolved now.

@glud123
Copy link

glud123 commented Apr 28, 2020

Downgrade @babel/runtime to 7.7.2 fixed it for me.
standard-things/esm#868 (comment)

@lock lock bot locked and limited conversation to collaborators May 5, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests