Component CSS and JavaScript always loading

[bstoots]

Hey gang, I'm running into some unexpected behavior whereby component CSS and JavaScript is always being loaded even if the component is not being used on the page. In fact it's injecting these into every page of my app.

When I remove the @component.register decorator from my component class it is no longer injected anywhere so it doesn't seem like a weird caching issue or anything.

Any thoughts on how I might go about tracking down this issue? My version is 0.14.

[EmilStenstrom]

Oh, that's missing documentation, sorry about that. You need to add 'django_components.middleware.ComponentDependencyMiddleware' to your MIDDLEWARE section too, that's the thing that makes smarter choices of where to import CSS and JS.

I'll create an issue about adding docs for this.

[EmilStenstrom]

@bstoots If there's a bug that prevents things from working correctly more trouble shooting information would be helpful.

For reference (since there's not much docs yet) here's how we expect things to work in our tests: https://github.com/EmilStenstrom/django-components/blob/master/tests/test_dependency_rendering.py#L47

[bstoots]

@bstoots If there's a bug that prevents things from working correctly more trouble shooting information would be helpful.

For reference (since there's not much docs yet) here's how we expect things to work in our tests: https://github.com/EmilStenstrom/django-components/blob/master/tests/test_dependency_rendering.py#L47

I fiddled around with it a bit this morning and didn't find any resolution to my problem. I'll have to stand up a clean application and see if I can isolate the cause but it will probably be at least a few days until I have time to look into it.

[EmilStenstrom]

@bstoots Sounds great! We'd love to help, it's just hard to guess what's wrong in each case :)

[rafae56038]

Using this in the settings of project solves it.

COMPONENTS = { 'RENDER_DEPENDENCIES': True }