title: How to fix Module not found: Can't resolve '@heroicons/react/solid' in react app?
body: <p>I am following this brilliant <a href="https://www.freecodecamp.org/news/build-portfolio-website-react/" rel="noreferrer">post</a> to learn react. However, some essential bits are missing.</p>
  <p>When I open the app in the browser I get the error</p>
  <blockquote>
  <p>./src/components/Navbar.js
  Module not found: Can't resolve '@heroicons/react/solid'</p>
  </blockquote>
  <p>Apparently, I am missing a module. I tried to install it but nothing helped so far.</p>
  <p>I tried:</p>
  <pre><code>npm install heroicons-react
  
  npm install @react-icons/all-files --save
  
  npm install @iconify/icons-heroicons-solid
  
  npm install @heroicons/vue
  </code></pre>
  <p>The folder structure looks like:</p>
  <pre><code>project
  |
  |-package.json
  |-node_modules
  |-homepage
    |-node_modules
    |-package_json
    |-src
    |-public
    |-README.md
  </code></pre>
  <p>I tried the to execute the commands in the project directory and the homepage directory. Not sure which one I should use.</p>
  <p>The code in question in Navbar.js looks like:</p>
  <pre><code>import { ArrowRightIcon } from &quot;@heroicons/react/solid&quot;;
  </code></pre>