使用react组件draft-js时出错？

是这样的，我在电脑上建了一个文件夹用于测试react组件，相关的开发环境配置应该是没问题的，因为我在这里也测试过不少组件了，

//webpack.config.js
var path=require("path");

module.exports={
    entry:  "./src/js/main.jsx",
    output: {
        path: path.join(__dirname,"out"), //打包输出的路径
        filename: "bundle.js",                  //打包后的名字
        publicPath: "./out/"
    },
    resolve: {
                extensions: ['', '.js', '.jsx','.scss']
        },
    //*大于8KB的图片不会被打包，所以一般会被打包的都是一些css文件引入的icon图标或者logo什么的
    //在对模块捆绑打包的过程中会对文件的后缀名进行检测，然后进行相应的预处理
    module: {
              loaders: [
                    {test: /\.js$/, loader: "babel",query: {presets: ['react','es2015']}},         /*es6 to es5*/
                    {test: /\.jsx$/,loader: 'babel', query: {presets: ['react', 'es2015']}},        /*jsx to js,es5 to es6*/
                    {test: /\.css$/, loader: "style!css"},                    /*css to css*/
                    {test: /\.(jpg|png)$/, loader: "url?limit=8192"},                 /*images 打包*/
                    {test: /\.scss$/, loader: "style!css!sass"},                /*sass to css*/
                    {test: /\.less$/, loader: "style!css!less"}                     /*less to css*/
              ]
        }
};

但是今天在使用Facebook近期开源的富文本编辑器组件的时候，却报错了，

但是我的组件编写确实是按官方例子来的
https://facebook.github.io/draft-js/docs...
这是我的代码：


求助大神...