question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

screen shot 2018-08-04 at 11 29 10 pm
/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:

  1. 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:closed
  • Created 5 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mririgoyencommented, Aug 6, 2018

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.

0reactions
oliviertassinaricommented, Aug 6, 2018

Downstream fix seems OK, let’s close for now. Thanks everybody.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found