title: Unable to find static files in production with Django using whitenoise
body: <p>Whenever I've deployed my Django app on Heroku, my browser doesn't load the css and images.
  When I open the console in chrome it says:</p>
  
  <pre><code>GET https://MY_URL.com/static/MY_APP/images/MY_PICTURE.jpg 404 (Not Found)
  </code></pre>
  
  <p>I have:</p>
  
  <ul>
  <li>whitenoise 3.3.0 include in my requirements.txt</li>
  <li>whitenoise added as a middleware in my settings.py</li>
  <li>Added whitenoise to wsgi.py</li>
  <li>used "python manage.py collectstatic"
  on both my local computer and on heroku bash </li>
  
  </ul>
  
  <p>My settings.py looks like this (at the bottom of the file:)</p>
  
  <pre><code>PROJECT_ROOT = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
  PROJECT_ROOT2 = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  
  
  STATIC_ROOT = os.path.join(PROJECT_ROOT, 'staticfiles')
  STATIC_URL = '/static/'
  
  # Extra places for collectstatic to find static files.
  STATICFILES_DIRS = (
      os.path.join(PROJECT_ROOT2, 'static'),
  )
  </code></pre>
  
  <p>My file structure looks like this:</p>
  
  <pre><code>APP_FOLDER
  WEBSITE_FOLDER
   &gt; settings
   &gt; &gt; local.py
   &gt; &gt; production.py
   &gt; static
   &gt; &gt; [useless css file to make directory visible to git]
  staticfiles
   &gt; admin
   &gt; APP_NAME
   &gt; &gt; images
   &gt; &gt; &gt; image1.jpg
   &gt; &gt; &gt; image2.jpg
   &gt; &gt; style.css
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>This is how I added whitenoise to my wsgi.py and middleware:</p>
  
  <p>Middleware:</p>
  
  <pre><code>MIDDLEWARE = [
  'django.middleware.security.SecurityMiddleware',
  'whitenoise.middleware.WhiteNoiseMiddleware',
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware',
  ]
  </code></pre>
  
  <p>wsgi.py :</p>
  
  <pre><code>import os
  
  from django.core.wsgi import get_wsgi_application
  from whitenoise.django import DjangoWhiteNoise
  
  os.environ.setdefault("DJANGO_SETTINGS_MODULE", "failcounter.settings")
  
  application = DjangoWhiteNoise(get_wsgi_application())
  </code></pre>