title: Parsing error: Unexpected token = ReactJs
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import { Route, IndexRoute } from 'react-router';
  import App from './containers/App';
  import NotFoundPage from './containers/NotFoundPage.js';
  import LoginPage from './containers/LoginPage';
  import FormPage from './containers/FormPage';
  import TablePage from './containers/TablePage';
  import Dashboard from './containers/DashboardPage';
  import Masques from './containers/Masques'
  import Paques from './containers/Paques'
  export default (
    &lt;Route&gt;
      &lt;Route path="login" component={LoginPage}/&gt;
      &lt;Route path="/" component={App}&gt;
        &lt;IndexRoute component={Dashboard}/&gt;
        &lt;Route path="dashboard" component={Dashboard}/&gt;
        &lt;Route path="form/:id" component={FormPage}/&gt;
        &lt;Route path="test" component={Masques}/&gt;
        &lt;Route path="paques" component={Paques}/&gt;
        &lt;Route path="table" component={TablePage}/&gt;
        &lt;Route path="*" component={NotFoundPage}/&gt;
      &lt;/Route&gt;
    &lt;/Route&gt;
  );</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component} from 'react';
  import {Link} from 'react-router';
  import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn} from 'material-ui/Table';
  import FloatingActionButton from 'material-ui/FloatingActionButton';
  import ContentCreate from 'material-ui/svg-icons/content/create';
  import ContentAdd from 'material-ui/svg-icons/content/add';
  import {pink500, grey200, grey500, redA200} from 'material-ui/styles/colors';
  import PageBase from '../components/PageBase';
  import Data from '../data';
  import ContentDeleteSweep from 'material-ui/svg-icons/content/delete-sweep';
  import axios from 'axios';
  import src from './src'  ;
  class Masques extends Component {
   .....
  };
  
  export default Masques;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm working on a react web Application , I've just downloaded a template and start work on it, but it seems like I had some unexpected errors, the code is running well on the browser but I run npm start I get these errors but the app run even that perfectly <a href="https://i.stack.imgur.com/6ew8d.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>here is also the source code of the pages they are talking about </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component} from 'react';
  import {Link} from 'react-router';
  import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn} from 'material-ui/Table';
  import FloatingActionButton from 'material-ui/FloatingActionButton';
  import ContentCreate from 'material-ui/svg-icons/content/create';
  import ContentAdd from 'material-ui/svg-icons/content/add';
  import {pink500, grey200, grey500, redA200} from 'material-ui/styles/colors';
  import PageBase from '../components/PageBase';
  import Data from '../data';
  import ContentDeleteSweep from 'material-ui/svg-icons/content/delete-sweep';
  import axios from 'axios';
  import src from './src'  ;
  class Masques extends Component {
      state={
          masque:[]
      };
        componentWillMount(){
          this.masqueAff()
      };
          masqueAff=()=&gt;{
            var url=src.url+'masqueAff.php/?idcata=1';
              axios.get(url)
              .then((response) =&gt; {
                console.log(response);
                //alert(JSON.stringify(response.data))
                  this.setState({masque:response.data}); 
                  //alert(this.state.masque)
              })
              .catch(function (error) {
                  console.log(error);
              });
          };
          render() {
    const styles = {
      floatingActionButton: {
        margin: 0,
        top: 'auto',
        right: 20,
        bottom: 20,
        left: 'auto',
        position: 'fixed',
      },
      editButton: {
        fill: grey500
      },
      columns: {
        id: {
          width: '10%'
        },
        name: {
          width: '40%'
        },
        price: {
          width: '20%'
        },
        category: {
          width: '20%'
        },
        edit: {
          width: '10%'
        }
      }
    };
  
    return (
      &lt;PageBase title="Table Page"
                navigation="Application / Table Page"&gt;
  
        &lt;div&gt;
          &lt;Link to="/form" &gt;
            &lt;FloatingActionButton style={styles.floatingActionButton} backgroundColor={pink500}&gt;
              &lt;ContentAdd /&gt;
            &lt;/FloatingActionButton&gt;
          &lt;/Link&gt;
  
          &lt;Table&gt;
            &lt;TableHeader&gt;
              &lt;TableRow&gt;
                &lt;TableHeaderColumn&gt;ID&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Name&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Price&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Category&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Edit&lt;/TableHeaderColumn&gt;
                &lt;TableHeaderColumn&gt;Delete&lt;/TableHeaderColumn&gt;
              &lt;/TableRow&gt;
            &lt;/TableHeader&gt;
            &lt;TableBody&gt;
              {this.state.masque.map(item =&gt;
                &lt;TableRow key={item.id}&gt;
                  &lt;TableRowColumn&gt;{item.id}&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;{item.nom}&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;{item.prix}&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;{item.idCata==1?&lt;p&gt;Peaux&lt;/p&gt;:&lt;p&gt;Cheuveux&lt;/p&gt;}&lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;
                    &lt;Link className="button" to="/form"&gt;
                      &lt;FloatingActionButton zDepth={0}
                                            mini={true}
                                            backgroundColor={grey200}
                                            iconStyle={styles.editButton}&gt;
                        &lt;ContentCreate  /&gt;
                      &lt;/FloatingActionButton&gt;
                    &lt;/Link&gt;
                  &lt;/TableRowColumn&gt;
                  &lt;TableRowColumn&gt;
                    &lt;Link className="button" to="/form/1"&gt;
                      &lt;FloatingActionButton zDepth={0}
                                            mini={true}
                                            backgroundColor={redA200}
                                            iconStyle={styles.editButton}&gt;
                      &lt;ContentDeleteSweep  /&gt;
                      &lt;/FloatingActionButton&gt;
                    &lt;/Link&gt;
              &lt;/TableRowColumn&gt;
                &lt;/TableRow&gt;
              )}
            &lt;/TableBody&gt;
          &lt;/Table&gt;
        &lt;/div&gt;
      &lt;/PageBase&gt;
    );
  };}
  
  export default Masques;</code></pre>
  </div>
  </div>
  </p>