Material-ui: v1.0.0-beta.46 fails to compile

[talha131]

• [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

To work.

Current Behavior

Failed to compile.

Steps to Reproduce (for bugs)

1. Use create-react-app with typescript to create a new project

yarn global add create-react-app
create-react-app my-app --scripts-version=react-scripts-ts
cd my-app

1. Install v1.0.0-beta.46

yarn add material-ui@next

1. Add any material-ui component to src/App.tsx

...
import AppBar from 'material-ui/AppBar';
...
                <AppBar position="static" />

1. Do yarn start

Error you get is

Failed to compile.
./node_modules/material-ui/styles/withStyles.js
Module not found: Can't resolve '@babel/runtime/core-js/map' in '/Users/talha/Repos/temp/my-app/node_modules/material-ui/styles'

Context

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI | ^1.0.0-beta.46 |
| React | ^16.3.2 |

[isitrita]

Submitted same issue in same time https://github.com/mui-org/material-ui/issues/11286

[oliviertassinari]

Try installing @babel/runtime or using v1.0.0-beta.45. I have forgotten about it :/.

[r0ughnex]

As @oliviertassinari stated npm install @babel/runtime fixed the problem for me.
PS: You don't have to switch back to v1.0.0-beta.45.

[bluepeter]

Try installing @babel/runtime or using v1.0.0-beta.45.

v1.0.0-beta.45 has the same issue.

[HarryCaveMan]

I have been having this issue in v1.0.0-beta.44/43 also. I think it's worth noting that I was not having this issue until about 3 hours ago (nearly the same time as the OP), when I cleaned out node_modules and did a fresh yarn install, Is it possible that something changed with the babel package MUI is using? Installing @babel/runtime worked for me. Also, one thing I noticed before I came across this workaround was that node_modules had babel-runtime/core-js and not babel/runtime/core-js.

[oliviertassinari]

I'm moving the next tag from beta.46 to beta.45 waiting for the beta.47 release to fix the problem.
npm dist-tag add [email protected] next.

[sterkhedkar]

@HarryCaveMan I faced the same problem with v1.0.0-beta.44. I observed one strange thing, when I installed @babel/runtime before the babel-rutime , the compilation was still giving the errors, but when I installed babel-runtime before installing the @babel/runtime it worked. Strange.

[sli]

I encountered this issue last night and it didn't go away even when I switched to beta.41 and cleared my lockfile and node_modules directory. Really bizarre, but I can confirm that installing @babel/runtime as a dev dependency fixes the issue.

[oliviertassinari]

I'm releasing v1.0.0-beta.47 with the fix. Next release will be v1.0.0-rc.0.

[gaoxuerong]

i had the same problem, but it was solved after updating the Material-UI's version .
npm install @material-ui/core　https://material-ui.com/getting-started/installation/

[TdfGomes]

For me it worked with version 1.5.0 but did not worked with 1.51.
So I downgrade it to that seems to more stable or am I wrong?