react-app-rewired: Cannot find module 'babel-preset-react-app'

I get this error when I run the tests:

● Test suite failed to run

    Cannot find module 'babel-preset-react-app'

      at Function.Module._resolveFilename (module.js:485:15)
      at Function.resolve (internal/module.js:18:19)
      at Object.<anonymous> (node_modules/react-app-rewired/config/jest/babelTransform.js:21:21)

Actually, I can’t seem to find babel-preset-react-app inside my node_modules root folder. I see it’s located inside node_modules/react-scripts/node_modules/babel-preset-react-app.

Maybe create-react-app changed the way the dependency is required?

About this issue

Original URL
State: closed
Created 7 years ago
Comments: 18 (7 by maintainers)

Most upvoted comments

Try delete node_modules and lock files then install deps again

+21

Guria on Sep 8, 2017

I had to update my .babelrc from

{
  "presets": ["env", "react"]
}

{
  "presets": ["@babel/env", "@babel/react"]
}

to resolve this issue.

+11

AuthorOfTheSurf on Mar 20, 2019

I was able to resolve this by doing what @Guria suggested

delete node_modules and lock files then install deps again

AND running

jest --resetModules

tkh44 on Sep 12, 2017

I had to update my .babelrc from
{
  "presets": ["env", "react"]
}
to
{
  "presets": ["@babel/env", "@babel/react"]
}
to resolve this issue.

Thank you, I solved my problem with your help.

JackWong992 on Mar 20, 2019

@jcabrerazuniga Sorry, it means to delete the files that the package managers create (that have lock in their name) that keep track of the actual versions of packages installed. If you use yarn, delete yarn.lock. If you use npm, delete package-lock.json.

dawnmist on Nov 1, 2018

@FezVrasta sounds as stupid suggestion but really try to remove node_modules and install them again. Or try to use yarn instead of npm. Also, make sure that your node version is at least 6. And if anything of that helps, just install this preset putting it in package.json. Don’t know what can be a reason really. Sometimes there is a packages on npm which include into dependencies some Babel stuff and other development only dependencies by mistake, causing conflicts with react-scripts defaults. Be sure that you don’t have any conflicts.

RIP21 on Sep 4, 2017