title: REACTJS Module not found: Can't resolve 'axios'
body: <p>I  am   getting an  error when i  try  run my application:   Module not found: Can't resolve 'axios' in 'C:\Users\Owner\portfolio\src\pages'</p>
  <p>is there any way y anyone here give me some guidance on how to fix this?</p>
  <p>Thanks!</p>
  <p>here is my   app.js code:</p>
  <pre><code>    import React from 'react';
  import {BrowserRouter as Router, Route, Link } from 'react-router-dom';
  import Container from 'react-bootstrap/Container';
  import Navbar from 'react-bootstrap/Navbar';
  import Nav from 'react-bootstrap/Nav';
  import './App.css';
  
  import Footer from './components/Footer';
  import HomePage from './pages/HomePage';
  import AboutPage from './pages/AboutPage';
  import ContactPage from './pages/ContactPage';
  
  
  class App extends React.Component {
    
    constructor(props) {
      super(props);
      this.state = {
        title: 'Josh M',
        headerLinks: [
          { title: 'Home', path: '/' },
          { title: 'About', path: '/about' },
          { title: 'Contact', path: '/contact' }
        ],
        home: {
          title: 'Be Fearless',
          subTitle: 'Projects the make a difference',
          text: 'Checkout my projects below'
        },
        about: {
          title: 'About Me'
        },
        contact: {
          title: 'Let\'s Talk'
        }
      }
    }
  
    render() {
      return (
        &lt;Router&gt;
          &lt;Container className=&quot;p-0&quot; fluid={true}&gt;
            
            &lt;Navbar className=&quot;border-bottom&quot; bg=&quot;transparent&quot; expand=&quot;lg&quot;&gt;
              &lt;Navbar.Brand&gt;Josh McGuinness&lt;/Navbar.Brand&gt;
  
              &lt;Navbar.Toggle className=&quot;border-0&quot; aria-controls=&quot;navbar-toggle&quot; /&gt;
              &lt;Navbar.Collapse id=&quot;navbar-toggle&quot;&gt;
                &lt;Nav className=&quot;ml-auto&quot;&gt;
                  &lt;Link className=&quot;nav-link&quot; to=&quot;/&quot;&gt;Home&lt;/Link&gt;
                  &lt;Link className=&quot;nav-link&quot; to=&quot;/about&quot;&gt;About&lt;/Link&gt;
                  &lt;Link className=&quot;nav-link&quot; to=&quot;/contact&quot;&gt;Contact&lt;/Link&gt;
                &lt;/Nav&gt;
              &lt;/Navbar.Collapse&gt;
            &lt;/Navbar&gt;
  
            &lt;Route path=&quot;/&quot; exact render={() =&gt; &lt;HomePage title={this.state.home.title} subTitle={this.state.home.subTitle} text={this.state.home.text} /&gt;} /&gt;
            &lt;Route path=&quot;/about&quot; render={() =&gt; &lt;AboutPage title={this.state.about.title} /&gt;} /&gt;
            &lt;Route path=&quot;/contact&quot; render={() =&gt; &lt;ContactPage title={this.state.contact.title} /&gt;} /&gt;
            
            &lt;Footer /&gt;
  
          &lt;/Container&gt;
        &lt;/Router&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  <p>Thank you very much any help  is greatly greatly appreciated, I'm  very new  to React  and just learning!  Thank you  all in advance..</p>
  <p>Josh :)</p>