material-uiをプロジェクトに正しく追加する方法は？

Question

Reactプロジェクトにmaterial-uiを追加しようとしています。

npm install material-ui -Sを実行した後、私は、ドキュメントからの例を含めるようにしてみてください。

 <div> 
     <RaisedButton onClick={this.handleTouchTap} label="Click me" /> 

     <Popover 
      open={open} 
      anchorEl={anchorEl} 
      anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }} 
      targetOrigin={{ horizontal: 'left', vertical: 'top' }} 
      onRequestClose={this.handleRequestClose} 
     > 
      <Menu> 
      <MenuItem primaryText="Refresh" /> 
      <MenuItem primaryText="Help &amp; feedback" /> 
      <MenuItem primaryText="Settings" /> 
      <MenuItem primaryText="Sign out" /> 
      </Menu> 
     </Popover> 
     </div> 

Iは、以下の方法 import { RaisedButton, Popover, Menu, MenuItem } from 'material-ui';

に所望の材料のUIコンポーネントをインポートし、これはスタックトレース以下でエラーにつながります。

Answer 1

あなたはそれらのドキュメントにusageを行いましたか。

あなたはあなたのアプリケーションの上部にあるimport MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';を含める必要があります。

Answer 2

私も同じ問題があります。 BravoZuluによって提出された回答に私が追加できることを願っています。

あなたは（下の例のように）<MuiThemeProvider>の要素タグを使用してmaterial-ui code source snippetをラップする必要があります。

<MuiThemeProvider> 

    ...code source from material-ui 

</MuiThemeProvider> 

希望、これは将来的に他の誰かに役立ちます。 :)