gatsbyサイトジェネレータに素材uiを追加する方法

Question

私はGatsbyキットをセットアップしようとしています。このサイトジェネレータと素材UIフレームワークに深く反応します。何を混乱させたの？

npm install material-ui 

した後、私のポストindex.jsとMyAwesomeReactComponent.js

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

const MaterialUiWrapper =() => (
    <MuiThemeProvider> 
    <MyAwesomeReactComponent /> 
    </MuiThemeProvider> 
); 

export default MaterialUiWrapper 


exports.data = { 
    title: "Material UI ", 
    date: "2017-12-09T12:40:32.169Z", 
} 

MyAwesomeReactComponentにコンポーネントを追加し、私はNPMと私は材料のUIインストールエラー

Cannot read property 'prepareStyles' of undefined 
    at RaisedButton.render 

を持っています。 js

import React from 'react'; 
import RaisedButton from 'material-ui/RaisedButton'; 

const MyAwesomeReactComponent =() => (
    <RaisedButton label="Default" /> 
); 

export default MyAwesomeReactComponent; 

Answer 1

あなたはそれが動作します。この行を追加し、このdefault themeを追加するのを忘れ：

import getMuiTheme from 'material-ui/styles/getMuiTheme'; 

次に、このMuiTheme追加：

const MaterialUiWrapper =() => (
    <MuiThemeProvider muiTheme={getMuiTheme()}> 
    <MyAwesomeReactComponent /> 
    </MuiThemeProvider> 
)