Cannot find module babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray

[pehhuishi]

Error Message on the terminal: Cannot find module '/Users/pehhuishi/code/react/practice/react-practice/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray

Not sure why after I installed bootstrap 3 "npm install bootstrap@3.x.x ­­save" I hit the error above. Hope someone can help to resolve. I need to use bootstrap 3 on react.

Thanks for helping !

[Pajn]

Please post the full error message so that the problematic module can be identified.
Bootstrap does not have a dpendency on @babel/runtime so if they do require that one, it's a bug there. However this is only a guess without the full error message.

[pehhuishi]

Hi @Pajn ,

Here is the full error message from the browser:

formatWebpackMessages.js:9 Uncaught Error: Cannot find module '/Users/pehhuishi/code/react/practice/react-practice/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray'
at webpackMissingModule (formatWebpackMessages.js:9)
at Object../node_modules/react-dev-utils/formatWebpackMessages.js (formatWebpackMessages.js:9)
at webpack_require (bootstrap:781)
at fn (bootstrap:149)
at Object../node_modules/react-dev-utils/webpackHotDevClient.js (webpackHotDevClient.js:23)
at webpack_require (bootstrap:781)
at fn (bootstrap:149)
at Object.0 (serviceWorker.js:135)
at webpack_require (bootstrap:781)
at checkDeferredModules (bootstrap:45)

[errk01]

Try: npm add @babel/runtime

[GomatoX]

@errk01 Sadly but with yarn workspaces it's not working.

[bugzpodder]

@GomatoX try:

"nohoist": [
      "**/babel-preset-react-app/@babel/runtime"
]```
in your workspace package.json

remove all node_modules and re-run yarn install

[rafaelim]

I'm have likely the same issue but with the objectSpread2, i don't what is causing this, but some how the babel-preset-react-app is requiring the @babel/runtime@7.5.0

[anhquande]

I have the same problem, but with objectSpread2
I tried the solution suggested by @bugzpodder and @errk01, but it does not work either.

My workaround is to force babel-preset-react-app to use newer version 7.5.0 instead of 7.4.3.
Add the following configuration in your package.json

  "resolutions": {
    "**/@babel/runtime": "7.5.0"
  },

It may be related to babel/babel#10169

[mingenesis]

Thank you @anhquande. It's work for me.

[GomatoX]

@bugzpodder Thanks, it seems working.

For yarn workspaces I just have to add module in global scope: yarn add -W @babel/runtime
And then use your solution with "nohoist"

"nohoist": [
    "**/babel-preset-react-app/@babel/runtime"
]

[VasiliKubarka]

try:
yarn add @babel/runtime
and in .babelrc

 "presets": [
    ["react-app", { "absoluteRuntime": false }],
  ]

it solves both incorrect module import and absolute path

[rafaelim]

For me the latest version from babel fixed. I just remove the yarn.lock and run yarn install

[fikar46]

Try: npm add @babel/runtime

thank you so much

[tonysepia]

This was sufficient for me,thank you!
npm add @babel/runtime

[charleslukes]

This happened to me right now, comes as a result of me composing my state files into containers.
Even when I tried refactoring my files back to default it still brought that error.

use: npm add @babel/runtime and restart the app.

[shaneiadt]

npm i @babel/runtime

Solved it for me, thanks @fikar46 👍