$(...).render is not a function at uploader.js

[beatriznbarroso]

I always have this error when I don't hard refresh the page.

Uncaught TypeError: $(...).render is not a function at uploader.js:319 at uploader.js:323 (anonymous) @ uploader.js:319 (anonymous) @ uploader.js:323

I have looked online and I have
{% framework extras %}

and then
{% scripts %}

if I change
$(document).render(function () { $('[data-control="fileupload"]').fileUploader() })

to

$(document).ready(function () { $('[data-control="fileupload"]').fileUploader() })
it works perfectly. Does anyone have any idea of how I can fix this issue without changing this line of code in uploader.js?

[LukeTowers]

@beatriznbarroso what version of jQuery are you loading? If you load the backend's jquery version with {% jquery %} instead of whatever your theme uses already (put it before the framework tag) then it should work.

[dlr1251]

Hello, I am getting the same issue. Which JQuery version should I use? I am currently using 1.11

[LukeTowers]

@dlr1251 just use the one built into October with {% jquery %}, v3.something

[vdomah]

@LukeTowers
HI. After inserting {% jquery %} I get

Unknown "jquery" tag.

What could be the cause?

[LukeTowers]

@vdomah the {% jquery %} tag doesn't exist, it's @jquery for the script combiner. So do <script src="{{ ['@jquery'] | theme }}"></script>

[vdomah]

Problem not solved by using <script src="{{ ['@jquery'] | theme }}"></script>
jquery gives a log message so it's included on the page. But render error is still present:

[LukeTowers]

@vdomah did you make sure that it was loaded before anything else?

[vdomah]

Yes, like this:

[LukeTowers]

Could you paste the exact line that the error is being thrown on?

[makhlukgod]

Solution to the problem:

<script src="{{ [
        '@jquery',
        '@framework',
        '@framework.extras',
    ]|theme}}">
</script>