Reactjs React js未捕获类型错误React FireMixin错误

我正在尝试制作一个简单的应用程序，目前正在尝试集成Firebase，但我遇到了一个错误：

Uncaught TypeError: Cannot set property 'ReactFireMixin' of undefined

(anonymous function)    @   bundle.js:19765
ReactFireMixin.componentWillMount.firebaseRefs  @   bundle.js:19766
(anonymous function)    @   bundle.js:19774
__webpack_require__ @   bundle.js:20
(anonymous function)    @   bundle.js:57
__webpack_require__ @   bundle.js:20
(anonymous function)    @   bundle.js:40
(anonymous function)    @   bundle.js:43

这是我的密码：

import react from 'react';
import {render} from 'react-dom';
import reactfire from 'reactfire';
import firebase from 'firebase';

class app extends react.component {
    render() {
        return <h1>
            hello bitches!
        </h1>
    }
}
var element = react.createelement(app, {});
render(element, document.queryselector('.app'));

---

请帮我解决：）

这么多错误，首先，你不能用小写字母写所有东西。第二，混合在ES6课程中不起作用。因此，作为一般经验法则，我应该在学习时避免ES6吗？关于小写，你是在说类的名称吗？当它是大写的时候，我得到了同样的错误。根据ES6类是可以使用的。也许你能找到一个替代品。

module.exports = {
entry: "./app/components/Main.js",
output: {
    filename: "public/bundle.js"
},
module: {
    loaders: [
        {
            test: /\.jsx?$/,
            exclude: /(node_modules | bower_components)/,
            loader: 'babel',
            query: {
                presets: ['react', 'es2015']
            }
        }
    ]
}