title: Module build failed: Error: ENOENT: no such file or directory - React
body: <p>I am trying to implement pagination in my react application. This is the site I am following <a href="http://jasonwatmore.com/post/2018/04/10/npm-jw-react-pagination-component" rel="nofollow noreferrer">React Pagination Component</a>. But I am getting the following error while application build. </p>
  
  <blockquote>
    <p>./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
    Module build failed: Error: ENOENT: no such file or directory, open '/Users/siddharthsinha/WebstormProjects/tweelyze-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js'</p>
  </blockquote>
  
  <p>As I am new to the react, I am unable to figure out what is wrong with my implementation. Here is the js file in which I have implemented pagination.</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 from 'react';
  import NavigationBar from './NavigationBar';
  import SearchPageResultsStyle from "../assets/css/SearchResultsPage.css"
  import JwPagination from 'jw-react-pagination';
  import Homepage from "./Homepage";
  import SearchBarComponent from "./SearchBarComponent"
  import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
  
  class SearchResultsPage  extends React.Component{
      constructor(props) {
          super(props);
          console.log("Printing in the results component")
          console.log(this.props.location.state)
          this.state = {
              results: this.props.location.state.results,
              keyword: this.props.location.state.keyword,
              pageOfItems: []
          };
          this.onChangePage = this.onChangePage.bind(this);
      }
  
      onChangePage(pageOfItems) {
          // update local state with new page of items
          this.setState({pageOfItems});
      }
      render() {
          return(
              &lt;div&gt;
                  &lt;NavigationBar/&gt;
                  &lt;h4 style={{textAlign:'center', color:'#1a0dab'}}&gt;Showing search results for &lt;span style={{fontWeight:'bold', fontStyle:'Italic'}}&gt;'{this.state.data.keyword}'&lt;/span&gt;&lt;/h4&gt;
                  &lt;hr/&gt;
                  &lt;div className={'wrap'} style={SearchPageResultsStyle}&gt;
                      &lt;div className={'fleft'}&gt;left column&lt;/div&gt;
                      &lt;div className={'fcenter'}&gt;
                          &lt;h3 style={{color:'#1a0dab'}}&gt;Tweeter tweets text will be displayed here!!!&lt;/h3&gt;
                          &lt;a href={'https://google.com'}&gt;Tweet urls will be displayed here&lt;/a&gt;
                          &lt;br/&gt;
                          &lt;div style={{display:'inline'}}&gt;
                              &lt;p&gt;&lt;span style={{fontWeight:'bold', textColor:'#6a6a6a'}}&gt;topic: &lt;/span&gt;crime&lt;/p&gt;
                              &lt;p&gt;&lt;span style={{fontWeight:'bold', textColor:'#6a6a6a'}}&gt;city: &lt;/span&gt;delhi&lt;/p&gt;
                              &lt;p&gt;&lt;span style={{fontWeight:'bold', textColor:'#6a6a6a'}}&gt;lang: &lt;/span&gt;Hindi&lt;/p&gt;
                              &lt;p&gt;&lt;span style={{fontWeight:'bold', textColor:'#6a6a6a'}}&gt;Hashtags: &lt;/span&gt;&lt;/p&gt;
                              &lt;hr/&gt;
                              &lt;JwPagination items={this.state.results} onChangePage={this.onChangePage}/&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div className={'fright'}&gt;right column&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
          )
      }
  
  }
  
  export default SearchResultsPage;</code></pre>
  </div>
  </div>
  </p>