2

I have installed django debug-toolbar, it can fetch the css and js but it still shows debug toolbar like below and also shows this at the end of the page instead of nearby, there is not js error in console. Any ideas?

enter image description here

tuna
  • 6,211
  • 11
  • 43
  • 63
  • 1
    are you serving this from a server other then django dev server? If so , i think you have to route the static request to the django-debug-toolbar project – dm03514 Jul 15 '14 at 14:58
  • Statics are coming from s3 server and accessible, what should i do? – tuna Jul 15 '14 at 15:02
  • Yea now i serve statics from django dev server, and it fixed. thanks much.. – tuna Jul 15 '14 at 15:09
  • I have the same problem except I only have a localhost instance running (i.e. my display looks the same as @tunaktunak). I ran `collectstatic` but it didn't help. I also tried placing the `'debug_toolbar.middleware.DebugToolbarMiddleware',` first in the list and last in the list - still the same problem. IMHO: It is relying on CSS which apparently isn't loading!? – Steve Oct 11 '19 at 17:14

1 Answers1

3

I was having this exact same issue. You don't need to switch to serving files locally, using S3 to serve your static files works just fine.

In my case (and likely in yours), you just need to run:

$ python manage.py collectstatic

That will update the static files—adding the files that the Debug Toolbar needs to render its styling correctly.

qfrog
  • 31
  • 2