title: Can't resolve 'axios' in 'C:\Users\HP\Desktop\pics\src\components'
body: <p>I am having trouble importing the axios npm module. I have reinstalled npm, and I have tried <code>npm install axios</code>, but I am still getting this error.</p>
  
  <p>This is my code:</p>
  
  <pre><code>import React from 'react';
  import axios from 'axios';
  import SearchBar from './SearchBar'
  
  class App extends React.Component{
      onSearchSubmit(term){
         axios.get('https://api.unsplash.com/search/photos',{
             params : {query : term},
             headers:{
              Authorization: 'Client-ID 70822bb6597a62eb06e224569a56f353f13fc6578a677abb1e8ad1dce0993396'
             }
  
         });
      }
      render(){
  
          return (
              &lt;div className='ui container' style={{marginTop : '30px'}}&gt;
                  &lt;SearchBar onSubmit={this.onSearchSubmit} /&gt;
              &lt;/div&gt;
          )
      }
  
  }
  
  export default App;
  </code></pre>
  
  <p>and this is my error</p>
  
  <pre><code>./src/components/App.js
  Module not found: Can't resolve 'axios' in 
  'C:\Users\HP\Desktop\pics\src\components'
  </code></pre>