Module parse failed

[rbholeraj]

I going to port GiftedMessanger on web.

So i stuck on error bundle,

  Krishti:react-native-web-exploding-hearts-master MacBook$ npm run web-bundle

    > react-native-web-exploding-hearts@0.0.1 web-bundle /Users/MacBook/WebWork/ReactWeb/react-native-web-exploding-hearts-master
    > NODE_ENV=production webpack --config web/webpack.config.js --colors

    Crawl: 6012ms
    Hash: d8df1262d7af54a6c6cd
    Version: webpack 1.12.10
    Time: 10949ms
       [0] multi main 28 bytes {0} [built]
        + 339 hidden modules

    ERROR in ./~/react-native-gifted-messenger/GiftedMessenger.js
    Module parse failed: /Users/MacBook/WebWork/ReactWeb/react-native-web-exploding-hearts-master/node_modules/react-native-gifted-messenger/GiftedMessenger.js Line 1: Unexpected token
    You may need an appropriate loader to handle this file type.
    | import React, {
    |   Text,
    |   View,
     @ ./GiftedMessengerContainer.js 19:22-62

I not getting know what exactly problem is. My webconfig file is 

    module: {
        loaders: [{
          test: /\.json$/,
          loader: 'json',
        }, {
          test: /\.jsx?$/,
          loaders: ['react-hot', 'babel?stage=1'],
          include: [config.paths.src],
          exclude: [/node_modules/]
        }, {
            test: /\.es6\.js$/, loader: "babel-loader",
            query: {
              presets: ['es2015']
            }
          }]
      }

My GiftedMessenger.js is

  import React, {
      Text,
      View,
      ListView,
      TextInput,
      Dimensions,
      Animated,
      Platform,
      PixelRatio,
      Component,
    } from 'react-native';

    import Message from './Message';
    import GiftedSpinner from 'react-native-gifted-spinner';
    import moment from 'moment';
    import {setLocale} from './Locale';
    import deepEqual from 'deep-equal';
    import Button from 'react-native-button';

    class GiftedMessenger extends Component {

      constructor(props) {..... many code stuff

My GiftedMessengerContainer.js is

'use strict';
    var React = require('react-native');
    import React, {
      Linking,
      Platform,
      ActionSheetIOS,
      Dimensions,
      View,
      Text,
      //Navigator,
      Component,
    } React;

var GiftedMessenger = require('react-native-gifted-messenger'); var Communications = require('react-native-communications');

// var STATUS_BAR_HEIGHT = Navigator.NavigationBar.Styles.General.StatusBarHeight; // if (Platform.OS === 'android') { // var ExtraDimensions = require('react-native-extra-dimensions-android'); // var STATUS_BAR_HEIGHT = ExtraDimensions.get('STATUS_BAR_HEIGHT'); // }

class GiftedMessengerContainer extends Component { . . . code stuff

Where i exact wrong?

[loganfsmyth]

You configured your loader for all .es6.js files, but that one is just .js.