Reactjs and material-ui library import error

Question

I've got a quick question. I have react and all included but I want to import component from a material-ui library and the path is all good but it cannot find the module.

My code:

import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import RaisedButton from 'material-ui/RaisedButton';

var Comp = React.createClass({
	render(){
    return(
      <p>aa</p>
    );
  }
});

ReactDOM.render(
 <Comp />,
 document.getElementById('app')
);

Just a base code.

This is the error in the console:

Uncaught Error: Cannot find module "material-ui/styles/MuiThemeProvider"
    at webpackMissingModule (App.js:57)
    at Object.<anonymous> (App.js:57)
    at __webpack_require__ (App.js:20)
    at App.js:40
    at App.js:43

And that is files folder:

So, what's wrong?

Steeve Pitis · Accepted Answer · 2017-02-22 16:46:07Z

3

Your material-ui folder should be in node_modules

Delete your material-ui folder and run npm install material-ui

answered Feb 22, 2017 at 16:46

Steeve Pitis

4,4631 gold badge24 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Karol Over a year ago

Thanks a lot, I must say that I really have forgotten about that, thanks :)

Karol Over a year ago

I've got one more question. I'm also trying to import a react-tap-event-plugin. So I've got it in a node-modules folder but I'm still getting error.

Steeve Pitis Over a year ago

npm install react-tap-event-plugin then follow these lines : github.com/callemall/material-ui#react-tap-event-plugin

Marcin Over a year ago

MuiThemeProvider was moved to core/styles: import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';

Behrouz Seyedi · Accepted Answer · 2019-04-25 14:31:48Z

1

I fixed the problem by installing new version:

// with npm
npm install @material-ui/core@next

// with yarn
yarn add @material-ui/core@next

answered Apr 25, 2019 at 14:31

Behrouz Seyedi

3363 silver badges21 bronze badges

Collectives™ on Stack Overflow

Reactjs and material-ui library import error

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related