How to import a CSS file in a React Component
<p>I want to import a CSS file into a react component.</p>

<p>I've tried <code>import disabledLink from "../../../public/styles/disabledLink";</code> but I get the error below;</p>

<blockquote>
  <p>Module not found: Error: Cannot resolve 'file' or 'directory' ../../../public/styles/disabledLink in c:\Users\User\Documents\pizza-app\client\src\components @ ./client/src/components/ShoppingCartLink.js 19:20-66 Hash: 2d281bb98fe0a961f7c4 Version: webpack 1.13.2</p>
</blockquote>

<p><code>C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css</code> is the location of the CSS file I'm trying to load.</p>

<p>To me it seems like import is not looking up the correct path.</p>

<p>I thought with <code>../../../</code> it would start to look up the path three folder layers above.</p>

<p><code>C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js</code> is the location of the file that should import the CSS file.</p>

<p>What am I doing wrong and how can I fix it?</p>