Material UI doesn't seem to work with Parcel
See original GitHub issue- This is a v1.x issue.
- I have searched the issues of this repository and believe that this is not a duplicate.
Expected Behavior
Material UI should work when using Parcel
Current Behavior
/Users/abilash/wildwest/react-dump/parcel/node_modules/recompose/wrapDisplayName.js:3:37: Cannot resolve dependency '@babel/runtime/helpers/builtin/interopRequireDefault'
1 | "use strict";
2 |
>3 | var _interopRequireDefault = require("@babel/runtime/helpers/builtin/interopRequireDefault");
| ^
4 |
5 | Object.defineProperty(exports, "__esModule", {
6 | value: true
Steps to Reproduce
Link:
- Following the same steps described in the sample parcel example given here: https://github.com/mui-org/material-ui/tree/master/examples/parcel
Context
I’m trying to use Material UI with Parcel and Babel
This is my .babelrc file:
{
"presets": ["env", "react"],
"plugins": ["transform-class-properties"]
}
Your Environment
Tech | Version |
---|---|
@material-ui/core | v1.4.3 |
react and react-dom | v16.4.2 |
parcel-bundler | v1.9.7 |
babel-preset-env | 1.7.0 |
babel-preset-react | 6.24.1 |
Browser | Firefox |
Issue Analytics
- State:
- Created 5 years ago
- Comments:8 (5 by maintainers)
Top Results From Across the Web
Parcel doesn't seem to work with Material UI #1853 - GitHub
bug report I'm trying to set up Material UI with Babel and Parcel by following the same steps described in the sample parcel...
Read more >Troubleshooting - Material UI - MUI
This document covers known issues and common problems encountered when migrating from Material UI v4 to v5.
Read more >Module not found: Error: Can't resolve '@material-ui/core ...
the problem was solved according to the answer from @samokasha , the solution was using npm install @material-ui/core --save.
Read more >Material UI: A Comprehensive Guide To Using Materials In Unity ...
Material UI is a comprehensive guide to using the materials in Unity's game engine. It covers all aspects of the materials system from...
Read more >Olivier Tassinari on Twitter: "@manuelcheta @sebsilbermann ...
Was looking at the button component and it seems you guys are using cursor: pointer (hand) on hover, ... React Button component -...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This is not a Parcel issue. This is directly tied to the changes in the recompose package.
https://github.com/acdlite/recompose/issues/723
They’re blaming it on a change with babel. A workaround Material-UI can take is to downgrade their dependent use on recompose to 0.27.
Downstream fix seems OK, let’s close for now. Thanks everybody.