Javascript 未捕获类型错误:_materialUi.Styles.TheManager在es6中使用材质ui时不是函数
我正在使用material ui构建我的web应用程序。但是我得到了错误Javascript 未捕获类型错误:_materialUi.Styles.TheManager在es6中使用材质ui时不是函数,javascript,ecmascript-6,material-ui,Javascript,Ecmascript 6,Material Ui,我正在使用material ui构建我的web应用程序。但是我得到了错误未捕获的TypeError:\u materialUi.Styles.TheManager不是一个函数。我还搜索了github并发现了这个问题,但它不起作用 我的依赖项: "material-ui": "^0.13.0", "react": "^0.14.0" "react-dom":"^0.14.0" 这是我的代码: import React from 'react'; import mui, { RaisedButto
未捕获的TypeError:\u materialUi.Styles.TheManager不是一个函数
。我还搜索了github并发现了这个问题,但它不起作用
我的依赖项:
"material-ui": "^0.13.0",
"react": "^0.14.0"
"react-dom":"^0.14.0"
这是我的代码:
import React from 'react';
import mui, { RaisedButton, Dialog, Styles } from 'material-ui';
const ThemeManager = new Styles.ThemeManager();
const Colors = Styles.Colors;
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
muiTheme: ThemeManager.getCurrentTheme()
}
}
getChildContext() {
return { muiTheme: this.state.muiTheme };
}
componentWillMount() {
let newMuiTheme = ThemeManager.modifyRawThemePalette(this.state.muiTheme, {
accent1Color: Colors.deepOrange500
});
this.setState({muiTheme: newMuiTheme});
}
_handleTouchTap() {
this.refs.superSecretPasswordDialog.show();
}
render() {
let containerStyle = {
textAlign: 'center',
paddingTop: '200px',
};
let standardActions = [
{ text: 'Okay' },
];
return (
<div style={containerStyle}>
<Dialog
title="Super Secret Password"
actions={standardActions}
ref="superSecretPasswordDialog">
1-2-3-4-5
</Dialog>
<h1>material-ui</h1>
<h2>example project</h2>
<RaisedButton label="Super Secret Password" primary={true} onTouchTap={this._handleTouchTap} />
</div>
);
}
}
Main.childContextTypes = {
muiTheme: React.PropTypes.object
}
export default Main;
从“React”导入React;
从“材质ui”导入mui、{RaisedButton、对话框、样式};
const ThemeManager=新样式;
常量颜色=样式。颜色;
类Main扩展了React.Component{
建造师(道具){
超级(道具);
此.state={
muiTheme:ThemeManager.getCurrentTheme()
}
}
getChildContext(){
返回{muiTheme:this.state.muiTheme};
}
组件willmount(){
让newMuiTheme=manager.modifyrawthemepalete(this.state.muiTheme{
Accent1颜色:颜色。深橙色500
});
this.setState({muiTheme:newMuiTheme});
}
_handleTouchTap(){
this.refs.superSecretPasswordDialog.show();
}
render(){
让集装箱式={
textAlign:'中心',
paddingTop:'200px',
};
让标准动作=[
{文本:'好'},
];
返回(
1-2-3-4-5
材料界面
示例项目
);
}
}
Main.childContextTypes={
muiTheme:React.PropTypes.object
}
导出默认主;