create-react-app: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: ...
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® Core™ 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:)
- cd Desktop
- npx create-react-app test
- 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.)
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Reactions: 6
- Comments: 23 (1 by maintainers)
I’ve downgraded to node 12.11.1 and it works!!
Issue is related to is-promise and tracked here https://github.com/then/is-promise/issues/14
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!
Workaround here: https://github.com/facebook/create-react-app/issues/8896#issuecomment-619406384