Meteor 反应材质界面：堆叠的appbar

奇怪的行为，当我尝试使用以下代码创建appbar时：

import React, { Component } from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import AppBar from 'material-ui/AppBar';

// Needed for onTouchTap
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();

export default class App extends Component {
    render() {
        return (
            <MuiThemeProvider muiTheme={getMuiTheme()}>
                <div>
                    <AppBar title="Title"/>
                </div>
            </MuiThemeProvider>

        );
    }
}

import React，{Component}来自'React'；
从“材质ui/styles/GetMuiteme”导入GetMuiteme；
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider；
从“物料ui/AppBar”导入AppBar；
//需要打开水龙头
从“react-tap事件插件”导入injectTapEventPlugin；
injectTapEventPlugin（）；
导出默认类应用程序扩展组件{
render（）{
返回(

我完全不知道为什么会这样，也没有发现任何类似的问题。我正在运行一个全新的Meteor实例，通过
Meteor npm安装Material UI

编辑：经过调查，问题似乎是appbar没有
显示：flex
。但是，无法使用
样式={{{display:'flex'}}
（没有变化）手动添加它。
一个快速而肮脏的修复方法：

在main.css中：

.appBar{
    display:flex;
}

奇怪的行为。
我知道这很旧，但如果有人看到这一点，方法是在
内部嵌套一个
，奇怪的行为：当我尝试响应式布局并通过Chrome inspector刷新页面时，它突然起作用。不过刷新后，它仍然不能正常工作。是的，这是对于较旧版本的MUI，但感谢您的回答，我相信它可能会帮助使用较新版本的用户：）