babel JS file can't resolve “@babel/runtime/helpers/builtin/classCallCheck”

  • A+

on-rest my project was working great untill I delete my node_modules file and try to re-install npm package.

I am getting this error

./node_modules/react-event-listener/dist/react-event-listener.cjs.js Module not found: Can't resolve '@babel/runtime/helpers/builtin/classCallCheck' in '/Users/suatkarabacak/Desktop/demarkedashboard/node_modules/react-event-listener/dist' 

My package.json is looking like this.

{   "name": "demo",   "version": "0.1.0",   "private": true,   "dependencies": {     "admin-on-rest": "^1.4.1",     "aor-dependent-input": "^1.2.0",     "aor-parseserver-client": "0.3.0",     "aor-rich-text-input": "^1.0.1",     "babel-runtime": "^6.26.0",     "parse": "^1.11.1",     "parse-react": "^0.5.2",     "prop-types": "^15.6.2",     "react": "^15.6.2",     "react-dom": "^15.6.2",     "react-image-lightbox": "^4.6.0",     "react-images": "^0.5.19"   },   "devDependencies": {     "@babel/runtime": "^7.0.0-beta.56",     "aor-color-input": "^1.2.1",     "babel-polyfill": "^6.23.0",     "react-scripts": "^1.1.4"   },   "homepage": "demo.html",   "scripts": {     "start": "react-scripts start",     "build": "react-scripts build",     "test": "react-scripts test --env=jsdom",     "eject": "react-scripts eject"   } } 

babel JS file can't resolve “@babel/runtime/helpers/builtin/classCallCheck”

There is no builtin folder.

What could be the problem ?


Since Babel 7.x is still a beta version, there was a breaking change in beta.56, which was released yesterday.

"@babel/runtime": "^7.0.0-beta.56", 

If you're using a beta version of something, it is dangerous to use ^ in your version number, because that means it will accept any recent version, whether or not it is actually compatible with previous beta versions.

Since react-scripts uses

"@babel/plugin-transform-runtime": "7.0.0-beta.46",

Your should likely have

"@babel/runtime": "7.0.0-beta.46", 

in your own package.json to match.


:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: