Reactjs 和 material-ui 库导入错误

Question

我有一个 quick 问题。我已经做出反应并全部包含在内，但我想从 material-ui 库导入组件，路径都很好，但找不到模块。

我的代码：

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')
);

只是一个基本代码。

这是控制台中的错误：

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

那是文件夹：

那么，怎么了？

Answer 1

您的 material-ui 文件夹应该在 node_modules

删除您的 material-ui 文件夹和运行 npm install material-ui

Answer 2

我通过安装新版本解决了这个问题：

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

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

Reactjs 和 material-ui 库导入错误

Reactjs and material-ui library import error

javascript

reactjs

material-design

material-ui