title: Module not found: Can't resolve '
body: <p>I want to display a few words from a react js project in Visual studio code and I have an error.
  In App.js component I imported a css document and this thing cause an display error on the page:</p>
  <p>Module not found: Can't resolve './appStyles.css' in 'C:\Users\Alex\Desktop\React\hello-world\src'</p>
  <p>This is the code from App.js component:</p>
  <pre><code>import React, { Component } from 'react'
  import logo from './logo.svg'
  import './App.css'
  import Greet from './components/Greet'
  import Welcome from './components/Welcome'
  import Hello from './components/Hello'
  import Message from './components/Message'
  import Counter from './components/Counter'
  import FunctionClick from './components/FunctionClick'
  import ClassClick from './components/ClassClick'
  import EventBind from './components/EventBind'
  import ParentComponent from './components/ParentComponent'
  import UserGreeting from './components/UserGreeting'
  import NameList from './components/NameList'
  import Stylesheet from './components/Stylesheet'
  import Inline from './components/Inline'
  import './appStyles.css'
  import styles from './appStyles.module.css'
  
  class App extends Component {
    render() {
      return (
       &lt;div className=&quot;App&quot;&gt;
       &lt;h1 className='error'&gt;Error&lt;/h1&gt;
       &lt;h1 className={styles.success}&gt;Success&lt;/h1&gt;
       &lt;Inline /&gt; 
       {/*&lt;Stylesheet primary={true} /&gt; */}
       {/*&lt;NameList /&gt; */}
       {/*&lt;UserGreeting /&gt; */}
       {/* &lt;EventBind /&gt; */}
       {/*&lt;ParentComponent /&gt; */}
       { /*&lt;FunctionClick /&gt; */}
       { /*&lt;ClassClick /&gt; */}
        { /*&lt;Counter /&gt; */}
         { /*&lt;Message /&gt; */}
         {/*&lt;Greet name=&quot;Bruce&quot; heroName=&quot;Batman&quot;&gt;
          &lt;p&gt;This is children props&lt;/p&gt;
          &lt;/Greet&gt;
          &lt;Greet name=&quot;Clark&quot; heroName=&quot;Superman&quot;&gt;
           &lt;button&gt;Action&lt;/button&gt;
          &lt;/Greet&gt; */}
          {/*&lt;Greet name=&quot;Diana&quot; heroName=&quot;Wonder Woman&quot; /&gt;
          &lt;Welcome name=&quot;Bruce&quot; heroName=&quot;Batman&quot; /&gt; */} 
          {/*&lt;Welcome name=&quot;Clark&quot; heroName=&quot;Superman&quot; /&gt;
          &lt;Welcome name=&quot;Diana&quot; heroName=&quot;Wonder Woman&quot; /&gt; */}
          {/*&lt;Hello /&gt; */}
       &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  <p>Folder Structure:</p>
  <p><a href="https://i.stack.imgur.com/rmESQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rmESQ.png" alt="enter image description here" /></a></p>