Skip to content
This repository has been archived by the owner on Jul 11, 2019. It is now read-only.

Getting Can't resolve '@babel/runtime/helpers/builtin/classCallCheck' after upgrading to Material UI 3.9.2 #101

Open
fay-jai opened this issue Feb 20, 2019 · 0 comments

Comments

@fay-jai
Copy link

fay-jai commented Feb 20, 2019

Here are my dependencies from package.json:

"devDependencies": {
    "@babel/cli": "7.2.3",
    "@babel/core": "7.3.3",
    "@babel/plugin-proposal-class-properties": "7.3.3",
    "@babel/plugin-proposal-decorators": "7.3.0",
    "@babel/plugin-proposal-object-rest-spread": "7.3.2",
    "@babel/preset-env": "7.3.1",
    "@babel/preset-react": "7.0.0",
    "@babel/register": "7.0.0",
    "app-module-path": "2.2.0",
    "autoprefixer": "9.4.8",
    "babel-eslint": "10.0.1",
    "babel-loader": "8.0.5",
    "chai": "4.2.0",
    "clean-webpack-plugin": "1.0.1",
    "css-loader": "2.1.0",
    "enzyme": "3.9.0",
    "enzyme-adapter-react-16": "1.9.1",
    "eslint": "5.14.1",
    "eslint-plugin-react": "7.12.4",
    "file-loader": "3.0.1",
    "jquery-param": "1.0.1",
    "jsdom": "11.11.0",
    "jsonwebtoken": "8.5.0",
    "mocha": "6.0.0",
    "node-sass": "4.11.0",
    "npm-run-all": "4.1.5",
    "postcss": "7.0.14",
    "postcss-loader": "3.0.0",
    "redux-devtools": "3.5.0",
    "redux-devtools-extension": "2.13.8",
    "resolve-url-loader": "3.0.1",
    "sass-loader": "7.1.0",
    "sinon": "7.2.4",
    "style-loader": "0.23.1",
    "stylelint": "9.10.1",
    "stylelint-config-standard": "18.2.0",
    "stylelint-scss": "3.5.3",
    "uglifyjs-webpack-plugin": "2.1.1",
    "url-loader": "1.1.2",
    "webpack": "4.29.5",
    "webpack-clean-obsolete-chunks": "0.4.0",
    "webpack-cli": "3.2.3"
  },
  "dependencies": {
    "@babel/polyfill": "7.2.5",
    "@material-ui/core": "3.9.2",
    "@material-ui/icons": "3.0.2",
    "@material-ui/lab": "3.0.0-alpha.30",
    "anchorme": "1.1.2",
    "bootstrap": "3.3.5",
    "classnames": "2.2.6",
    "crypto-js": "3.1.9-1",
    "googleapis": "15.0.0",
    "history": "4.7.2",
    "ismobilejs": "0.5.1",
    "isomorphic-fetch": "2.2.1",
    "jquery": "3.3.1",
    "lodash": "4.17.11",
    "moment": "2.24.0",
    "prop-types": "15.7.2",
    "query-string": "5",
    "react": "16.8.2",
    "react-autosuggest": "9.4.3",
    "react-bootstrap": "0.32.4",
    "react-color": "2.17.0",
    "react-datepicker": "1.6.0",
    "react-dom": "16.8.2",
    "react-joyride": "1.11.4",
    "react-modal": "3.8.1",
    "react-redux": "5.0.7",
    "react-router-dom": "4.3.1",
    "react-slick": "0.23.2",
    "react-tooltip": "3.9.2",
    "react-ultimate-pagination-bootstrap-3": "1.2.0",
    "react-virtualized": "9.21.0",
    "recharts": "1.5.0",
    "redux": "4.0.1",
    "redux-logger": "3.0.6",
    "redux-thunk": "2.3.0",
    "slick-carousel": "1.8.1",
    "sprintf-js": "1.1.2",
    "validator": "6.2.0"
  }

I tried upgrading the following Material UI packages:

screen shot 2019-02-20 at 11 46 17 am

However, here the are the errors I'm getting when webpack is running:

screen shot 2019-02-20 at 11 48 24 am

When I looked at the react-event-listener.cjs.js file in my node_modules/react-event-listener, I see that it is referencing babel packages with this directory structure:

screen shot 2019-02-20 at 11 51 38 am

It seems to be looking for a builtin directory inside of the babel package. However, when I looked at the babel package in my node_modules, I notice that there isn't a builtin directory under the helpers directory:

screen shot 2019-02-20 at 11 53 20 am

As a test, I modified the react-event-listener.cjs.js file and removed the reference to the builtin directory and webpack seems to compile and my application seems to work.

Can you let me know how I can get rid of this webpack compilation error so that I can successfully upgrade to Material UI 3.9.2?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant